/developer-wear-react

React/Redux Material UI front-end app that consumes REST API from my Ruby on Rails endpoint.

Primary LanguageJavaScriptMIT LicenseMIT

Sudo Wear

A react-redux single page responsive application, where user can see the details of developer t-shirts and can add it to favourite. A user needs to sign up and login to view t-shirt details.

  • Landing Page

Table of Contents

About The Project

My Developer T-shirt Web App for selling developer T-shirts. A user can sign up/login to see the details of the T-shirt and add to favourite.

App uses react router to route to different components. Backend APIs are developed with Ruby on Rails. Click here to see backend project details.

Live Link

Click here to see live version

Installation

To run the app locally, clone the repository, navigate to it's directory.

Follow these commands step by step:-

git clone https://github.com/oxenprogrammer/developer-wear-react.git

cd developer-wear-react

npm install

npm run start

Now go to localhost:3000 in your browser.

Note

  • You will need the backend running locally if you're to run the project in your machine. Checkout the backend setup.

Test

To run unit test run npm run test in root directory.

Built With

  • HTML/CSS
  • React
  • Redux
  • React Router
  • Material UI
  • CSS Modules
  • Axios
  • Eslint
  • Stylelint
  • ES6
  • NPM
  • Font-Awesome
  • Netlify for Live version deployment

'Nice to have features' that are implemented

  • User authentication using JWT
  • Responsive to mobile and desktop screens
  • Custom Notification

Potential Future Updates

  • Ability to Add to Cart
  • Order T-Shirt
  • Integration of Payment API like Mobile Money, PayPal, and Visa.s
  • Server Side Rendering

Authors

👤 Emanuel Okello

🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check the issues page.

Acknowledgments

Show your support

Give a ⭐️ if you like this project!

📝 License

This project is MIT licensed.