Unit 4 Project At Masai School.
Links for reference :
Frontend Repo Link : https://github.com/Vaibhav0702/Myglamm-with_Frontend.git
Backend Repo Link : https://github.com/nikeshkumarsingh/Myglamm_with_backend.git
Blog link : https://rahulbaghel6211.blogspot.com/2022/04/myglamm-backend.html
- HTML
- CSS
- JavaScript
- Bootstrap
- Mongo DB
- AWS
- Node JS
- Express JS
About Website :
Landing page
Signup page
Login page
Product page
Cart page
CheckOut page
Payment page
We created cloud database using MongoDb Atlas and deployed on AWS. So, if you want to run our code then please read the instructions below :
- Clone our repository
https://github.com/Vaibhav0702/Myglamm-with_Frontend.git
for frontend code andhttps://github.com/nikeshkumarsingh/Myglamm_with_backend.git
for backend code. - Download Key from
https://drive.google.com/file/d/11abC1gV8ed2VZKXR6PH-YZY7_43Jr6UL/view?usp=sharing
. - Go to download folder of you computer and open Git Bash here.
- copy paste the link
ssh -i "My-Glamm_Key.pem" [email protected]
into your Git Bash terminal and press enter key. - Type yes then press enter key ( if required ).
- Type
cd /var
then press enter key. - Type
ls
then press enter key. - Type
cd Myglamm_with_backend
then press enter key. - Type
sudo npm run server
then press enter key. - It will show a message that
listening on port 5000
. - Open the
index.html
on Live server fromhttps://github.com/Vaibhav0702/Myglamm-with_Frontend.git
. - Then you can Navigate through other pages from Landing page like
lipstick.html
,makeup.html
,haircare.html
etc.
- you can change the API by modifying url put one from below after http://ec2-3-88-12-166.compute-1.amazonaws.com:5000/
- products
- makeups
- lipsticks
- sanitizingCare
- haircare
- skincares
- users
EX : http://ec2-3-88-12-166.compute-1.amazonaws.com:5000/lipsticks
- simply open the link https://nikeshandgroup.netlify.app/index.html
- Follow the Instruction from
https://medium.com/@nikdoc1947/how-to-fetch-data-from-http-protocol-link-fd3866fe4e9
.