TowelShop42 Frontend

This is the frontend part of an e-commerce fullstack project called TowelShop42. My main goal was to apply my knowledge about the MERN stack and have fun in the process by making reference to one of the best books ever written: The Hitchhiker's Guide to the Galaxy, by Douglas Adams.

For informations about the backend, please check this other repo.

Tech Stack

• Frontend language: Typescript
• Frontend library: React.js
• State management: Redux
• UI: Semantic UI
• Backend languages: Node.js + Typescript
• Backend framework: Express.js
• Database: MongoDb
• Devops: Docker
• Testing: Jest
• oauth2: Passport.js + Google strategy

How to install and use it

• Clone the client, backend and the revproxy repositories.
• In the client repository, run:

# Build the images
$ docker-compose build

# Run the containers
$ docker-compose up

• Access it on localhost:8080

• To stop the containers

$ docker-compose stop

Overview

See Screenshots bellow.

Home page

Home page with search

Our History Page

Login Page

Account Page Admin

Account Page User

User Edit Page

Product Page

Manage Products Page

Edit Product Page

Cart Page

Not Found Page

References

• This project was bootstrapped with Create React App.
• Typescript Documentation
• React Documentation
• Redux Documentation
• MDN Documentation