Gym Website 🎯

React responsive Gym Website using ReactJs

Preview ⚡️

Features 🔥

✔️ Registration and Authentication with email
✔️ Persistant data with local storage
✔️ Asynchronous events handling
✔️ Performance improvement with lazy loading

Website 💻

https://the-fit-club.pages.dev/

Technologies used 🛠️

Design: Css & Styled Components
Backend: NodeJs
Libraries:
- redux-logger: console logging redux data flow
- redux: state management
- redux-thunk: handling asynchronous events
- reselect: reusing redux selectors in a performant way
- redux-persist: storing data in local storage
- concurrently: for running multiple scripts concurrently

Usage 📋

Server Setup

#1. clone this project
~ git clone https://github.com/letnagao/gym-website.git
#2. cd into it
~ cd gym-website
#3. install serevr dependencies
~ npm i
#3. install client dependencies
~ cd client && npm i
#4. run app (both client & server)
~ npm run dev

available scripts

~ npm run client
~ npm run server
~ npm run build
~ npm run dev
~ npm start

Disclamer ❗️

A word of disclaimer, I may have made some changes to it or added other content, but the code is not completely original! I am simply a student passionate about Front-end and the intersection of code and design, I always try to do courses and projects during my free time, so I must warn you that this code is NOT ORIGINAL.

You can find the source of this code via: https://www.patreon.com/zainkeepscode

Contributing 💡

Pull request are welcome but please open an issue and discuss what you will do before 😊

Like this project? 💖

If you are feeling generous, buy me a coffee! - https://www.buymeacoffee.com/lunagao