-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
969c73e
commit f3f6683
Showing
1 changed file
with
35 additions
and
7 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,9 +1,37 @@ | ||
# robofriends | ||
Tutorial for React | ||
To run the project: | ||
# 🚀 RoboFriends - Your Interactive Robot Companions | ||
|
||
1. Clone this repo | ||
2. Run `npm install` | ||
3. Run `npm start` | ||
Welcome to RoboFriends, where the future meets friendship! 🤖✨ This React-powered application brings a squad of quirky robots to life, ready to be your digital buddies. Harnessing the power of [JSONPlaceholder](https://jsonplaceholder.typicode.com/users), RoboFriends not only showcases the magic of React but also makes connecting with robots an exhilarating experience. | ||
|
||
## 📸 Screenshots | ||
![RoboFriends Screenshot 1](1.png) | ||
![RoboFriends Screenshot 2](2.png) | ||
|
||
## 🌈 Features That Make RoboFriends Shine | ||
|
||
- **Dynamic Search:** Seamlessly find your robotic pals by typing their names into our interactive search bar. | ||
- **Responsive Design:** Whether you're on a desktop or a mobile device, RoboFriends adapts to provide a seamless experience. | ||
- **Loading Excitement:** Witness the loading indicator as RoboFriends fetches the latest robot data – it's like unwrapping a gift! | ||
|
||
## 🚀 Quick Start in 4 Easy Steps | ||
|
||
**Clone this Repository:** | ||
git clone [](https://github.com/lambrugeorge/robofriends.git) | ||
cd robofriends | ||
npm install | ||
npm start | ||
The application should now be running at [http://localhost:3000](http://localhost:3000). | ||
|
||
## ✨ Features | ||
|
||
- Shows a list of bot friends. | ||
- Search for bots by their name. | ||
- Responsive design. | ||
- Load indicator during data retrieval. | ||
|
||
## 🛠 Technologies used | ||
|
||
- [React](https://reactjs.org/) | ||
- [React DOM](https://reactjs.org/docs/react-dom.html) | ||
- [React Scripts](https://create-react-app.dev/docs/available-scripts/) | ||
- [Tachyons](https://tachyons.io/) | ||
|
||
*visist https://zerotomastery.io/ for more* |