An open API service indexing awesome lists of open source software.

https://github.com/shrvn12/the_tech_project

Full-stack express application built using HTML, CSS, JS, Node, MongoDB, HBS. A tech website to view different products in the segment.
https://github.com/shrvn12/the_tech_project

crypto css cyclic express handlebars html5 javascript jwt mongodb nodejs nodemailer

Last synced: 3 months ago
JSON representation

Full-stack express application built using HTML, CSS, JS, Node, MongoDB, HBS. A tech website to view different products in the segment.

Awesome Lists containing this project

README

          






The tech project 📱

---

A website to view and select electronics

## 📝 Table of Contents
- 🍃 [About](#about)
- 🎯 [Getting Started](#getting_started)
- 🌿 [Deployment](#deployment)
- ⚓ [Built Using](#built_using)
- ✒️ [Authors](#authors)
- 🎀 [Acknowledgments](#acknowledgement)

## 😊 About
- This is a Full-stack express project Built Individually in a week.
- A website designed to view detailed info of latest technology related products.
- It features latest relesed gadgets and their accurate specifications.
- It has a product gallery to view and filter products according to user.
- A user specific wishlist to save the products.
- O-Auth service is provided to ensure hassle free sign-in.

## ✌🏻 Getting Started
- User lands on the Home page which features latest released gadgets and diffrent brands of the segment.

![Screenshot (49)](https://user-images.githubusercontent.com/112839752/235671538-edbff320-0356-4353-b27a-1b651c71b21e.png)

- User can explore with their favourite brand.

![Screenshot (51)](https://user-images.githubusercontent.com/112839752/235672320-8eb6c6fd-f60c-4aae-99b8-2dcfda7ff749.png)

- Product Gallery helps to view and filter the products.

![Screenshot (53)](https://user-images.githubusercontent.com/112839752/235672796-1f20bc7a-4376-4c32-a563-f0abd79f64c8.png)

- Product View page comes with Images and detailed info about the product.

![Screenshot (54)](https://user-images.githubusercontent.com/112839752/235673268-59a606ae-4e1e-408e-b658-669bdcb682e1.png)

- A wishlist keeps the record of the products loved by user.

![Screenshot (55)](https://user-images.githubusercontent.com/112839752/235673936-b4bd2978-fc15-4907-a9b0-0a6f4e2b9232.png)

- All basic functionalities, such as O-Auth and Password reset is provided.

![Screenshot (59)](https://user-images.githubusercontent.com/112839752/235674247-bc0b2838-0e70-4f64-ad3a-43aca5782288.png)

## 🌿 Deployments

- The project is deployed on Cyclic.
- The project is A full stack project, hence it does not require saperate deployments for backend and frontend.
- 👉🏻 Here is the deployed link of the project.
- The project uses free version of cyclic. Server responses may feel slow sometimes.
- Due to slow internet connection, or slow server responses the app may show some errors, refreshing the page or hitting the URL again is suggested 😊.

## ⚓Built using

- HTML
- CSS
- JavaScript
- NodeJS
- Express
- MongoDB
- Handlebars

## ✒️ Authors



Shravan


Full-stack web developer, Student at Masai School

## 🎯 Acknowledgements

- Some parts of Front end design of the website is inspired from electronics shopping sites.
- Some Design refrences are taken from Pinterest.
- Both backend and frontend is hosted by Cyclic.
- Source for the data about the devices are official website of the respective brands.
- Images are taken from the brands webiste or other e-commerce paltforms.

---

Thank you for visiting the documentation ❤️


Please make sure you create an account on TheTechProject😊