https://github.com/abdelrhmankhaled76/react_app
a full mern react app using react slick and react hot toast and more libraries and features
https://github.com/abdelrhmankhaled76/react_app
bootstrap express hashing-passwords mongo-db mongodb react react-hot-toast react-query react-router
Last synced: 3 months ago
JSON representation
a full mern react app using react slick and react hot toast and more libraries and features
- Host: GitHub
- URL: https://github.com/abdelrhmankhaled76/react_app
- Owner: AbdelrhmanKhaled76
- Created: 2024-08-27T12:41:11.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2024-11-15T18:00:13.000Z (over 1 year ago)
- Last Synced: 2025-12-26T09:57:58.392Z (6 months ago)
- Topics: bootstrap, express, hashing-passwords, mongo-db, mongodb, react, react-hot-toast, react-query, react-router
- Language: JavaScript
- Homepage: https://react-app-flame-nine.vercel.app
- Size: 1.05 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
### this is a MERN full stack project made with bootstrap !!
my express server takes the information the user typed in the sign up page and if you tried to sign in with the same email it will give you an error form is handeled with formik and yup libiraries ,
after you sign up your data is saved in the mongodb and when you type your email and password correctly you will recieve a message made with the libirary "react-hot-taost" with the response from the backend server ,
if you try to access any url of the about,services,ourwork urls without loging in you will be navigated to the unuthorized page with have an error 404 message same result will happen if you tried to enter a non existant page,
after you log in successfully the navigation bar will have four links about,services,ourwork, and log out, the page is all responsive and made with bootstrap,
the ourwork page has a products that i get from the mongodb database which is images that have some information i stored manually, and the page have a loading screen that is handeled using react-query
--- update ---
i added validation to the backend and i added hashing to the password of the user
# Getting Started with Create React App
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
## Available Scripts
In the project directory, you can run:
### `npm start`
Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in your browser.
The page will reload when you make changes.\
You may also see any lint errors in the console.