➤ Mirror Repository of our team project - WD06B6/interior-design
A repository for our internship project.
Task description - Design an interior designing website using all the concepts you have learned so far.
It should have menus, search bar, footer, etc.
It should be responsive on all devices.
Use carosal for images.
It should have multiple sections.
Site should look professional.
- You need Node.js v12 or above to run the complete version of this site. Get it Here↗.
- After installing Nodejs, open your command prompt and type
node -v
and check your nodejs version. - Click on the jump link based on your role.
- For Teammates↗
- For Mentors↗
- Navigation Guide:
- The
src/public
folder is where all the css, js and other media files go. - The html pages are stored in the
src/pages
folder. Add new html files here and they will be automatically added to the site atlocalhost/file
forfile.html
. - The
index.html
file has been rerouted tolocalhost/
. - The backend structure of the site is defined in the
src/index.js
file. Do not modify this file if you don't know what you are doing. - All the assets in the
src/public
folder can be accessed aslocalhost/<path>
. Example -src/public/css/style.css
can be accessed aslocalhost/css/style.css
.
- The
- Configure the environment:
- Make a copy of the
.env.example
file. - Rename it to
.env
. - Open it and replace the placeholder values with the ones which I have sent on Google Classroom.
- If you can't find the post with the credentials, look for a post from "Riday Shah" on 18th August 2020.
- Save it after replacing the values with actual values.
- Make a copy of the
- Navigate to the project folder and start the command prompt.
- Type
npm test
to start the site in development mode. This preserves all developer dependencies, which is important for writing/editing code. - If you're having any issues running the site, please feel free to contact me.
Please remember to always use pull before pushing new code to the repository. This helps to prevent code conflicts when working in a team. Teams usually have separate branches when implementing new features, but we haven't decided on anything yet.
Please try to separate different styles into different css files and also the js files as it will help in debugging.
- Navigation Guide:
- The
src/public
folder is where all the static assets, minus the html, are located. - The html files are saved in the
src/pages
folder. - The backend is structured in
src/index.js
file. - All html files can be accessed by going to the route
localhost/file
forfile.html
. - All the public assets can be accessed as
localhost/<path>
. Example -src/public/css/style.css
can be accessed aslocalhost/css/style.css
.
- The
- Environment setup:
- You need a
.env
file which saves the environment variables for this project. - Go to your email and you will find the credentials or the file attached with the email.
- If you find the attachment, then download it and place it next to
.env.example
file in this project folder. - If you cannot find the attachment, you will have the credentials typed in the e-mail.
- Just copy those credentials.
- Make a new
.env
file next to the.env.example
file. - Paste the credentials here. For confirmation, make sure that your
.env
file looks similar to.env.example
file. - In case you didn't receive the credentials in the e-mail, you may look for them in our Google classroom.
- Search for our WD06B6 classroom and look for a post made by "Riday Shah" on 18th August, 2020.
- You will find the
.env
file and the credentials there. - Use the same logic as above and setup your environment.
- These are necessary steps to secure our database secrets and you should not have any objection with them.
- Make sure you are on node v12+.
- You need a
- Open terminal in project root directory (where the
package.json
file is located at). - Type
npm start
to start the site in production mode. This deletes all developer dependencies, which is are not useful for just checking the site. - If you are having port issues, please change the port in the
.env
file. I have used the port 80 which is the default localhost port for windows. - Since this is an assignment, we are showing our contact forms at /contact/forms Endpoint. It would not be present in the real site, if we make one.
This is our team who have worked on this project.
- Riday Shah
- Roshan Jose
- Disha Chauhan
- Kavya Akaa
- Rutuja Kadam
- Mitali Laroia
- Rutuja Chandegave