Skip to content

This is the third project in the full stack capstone of the Microverse program. It is an exercise for using React & Redux as a frontend for a simple page app.

License

Notifications You must be signed in to change notification settings

mahammad-mostafa/hello-react-front-end

Repository files navigation

🏷️ Hello React Front End

This is the third project in the full stack capstone module in the Microverse program.
Check the below contents for further details about this project.

📗 Contents

📖 Description

This repository is about a simple greeting text in a single page. It includes the frontend section of the app where it uses React framework. State management in React is handled using Redux & Redux Toolkit. Remote data fetching from the backend is done with Thunk api. Navigation inside the app is implemented using React Router. Linters are used for JavaScript & CSS through ESLint & StyleLint. Development follows the GitFlow workflow.
Backend section is located in this repository.

📌 Tech Stack:

  • Frontend language is JavaScript
  • Frontend Framework used is React
  • Frontend styling used is CSS

📌 Key Features:

  • Single page application
  • Responsive layout with all screen sizes
  • Basic header & footer structure
  • Button to generate random greeting
  • Not found page for invalid pages
  • Dark theme with minimal styling

back to top

🛠️ Instructions

You can easily download or fork this repository and work on it immadiately!

📌 Prerequisites:

  • NodeJS for installing & running all packages

📌 Installation:

  • Install all dependencies with npm
npm install

📌 Development:

  • For live development on localhost:3000 run:
npm run start

📌 Deployment:

  • You can deploy this project by uploading files in the build folder to a live server.
  • Create the distribution build using this command:
npm run build

back to top

👥 Authors

📌 Mahammad:

back to top

🔭 Future

Some additional features I may implement in the project:

  • Use some animations or transitions
  • Navigation menu with additional pages

back to top

🤝🏻 Contributions

Wish to contribute to this project?
Contributions, issues, and feature requests are more than welcome!
Feel free to check the issues page too.

back to top

⭐️ Support

Like this project? Show your support by starring!

back to top

🙏🏻 Acknowledgements

I thank everyone at Microverse for guiding me through this project.

back to top

📝 License

This project is MIT licensed.

back to top