EduBytes front-end

The front-end side of the edubytes project. This app is to be run jointly with the backend found in this repo.

• Website : https://edubytes-project.netlify.app/
• Backend : https://edubytes-server.herokuapp.com/

Technologies Used

This project was made in the MERN stack

Front-end

• Framework : Reactjs ( with Context API )
• Styling : CSS and Bootstrap

Back-end

• Server request handling : Nodejs with Express
• Database : MongoDB
• API tested using : Thunderclient of VSCode

Guideline to setup

1. Clone the project & install modules

git clone https://github.com/MustafaAP/edubytes-client.git
npm install

2. Start the local host server

npm start

Make sure to run it in conjunction with the backend server

Demo

Images

Images can be found here

Motivation

I wanted to get a deep understanding of how react works. This project was a way for me to understand how i can connect the front-end to the back-end effectively and watching the website turn dynamic. Im not interested much in UI/UX but this project was an good experience for me to deep dive into CSS. I didnt use any third party coded components just so i can understand react myself.