Clothing App

Shop App project with React, Redux, Firebase, styled-components, PWA, payments with Stripe...

Demo

The app's demo can be seen in the next link -> deployed app

What is this app

Clothing App is a personal project where I wanted to put in practice my React knowledges, but using redux as state management library. Also, I implemented several other libs, as styled-components for CSS, Firebase for storage and authentication (integrating Google Auth), as well as topics like PWA, lazy loading, or handle the payments with Stripe.

Getting Started if you want to run it in local

Clone the repository

Clone this repository to your local machine

git clone git@github.com:sergiocrol/front-assessment.git

installation

Install the dependencies

npm install

run app

Start the application, and will be running on port 3000

npm start

What can I do

• 404: As a user I can see a 404 page if I try to reach a page that does not exist so that I know it's my fault.
• Login: As a user I can login to the app with my email and password, as well as though my Google account.
• Logout: As a user I can logout of the app.
• See the shop overview: As a user I want to see a homepage with the categories of the shop.
• Detailed page of articles: As a user I want to navigate through the different category pages to see the articles.
• Add articles to the cart: As a user I want to add articles to the cart.
• See detailed cart: As a user I want to see the detailed cart page, and modify the quantity or delete the product.
• Make a payment: As a user I want to make a payment of my cart.

Libraries

• react: v16.9.0
• react-router-dom: Navigation between different components
• axios: Handle Ajax Requests
• styled-components: Compile scss to css
• react-redux: For the state management
• stripe: For handle the payments
• express: To create an POST end-point for the payment
• firebase: In order to Google Authentication and storage images

Git

Repository Link

Deployment

Deployment Link

Author

Sergio Cordero Rol