GithubHelp home page GithubHelp logo

l-yang-05 / kiwisparadise-mongo Goto Github PK

View Code? Open in Web Editor NEW
2.0 1.0 0.0 4.53 MB

The fifth re-edition of my eCommerce website, Kiwi's Paradise. In this project I am using a MongoDB Atlas database, JWT for authentication, and deploying my website on Heroku.

Home Page: https://kiwis-paradise.herokuapp.com/

License: MIT License

HTML 5.67% JavaScript 76.84% CSS 17.49%
mongodb-atlas-database ecommerce-website cloud-database mocha react chai reactjs express jwt-authentication

kiwisparadise-mongo's Introduction

Kiwi's Paradise eCommerce V5

Desktop Screenshot

This is my fifth re-edition of my eCommerce website that is centered on selling plushies. This application has three main pages (Home, Products, Contact Us) routed together, with an authenticated protected users page. The home page contains a slider of images. The products page contains items that are pulled from a MongoDB Atlas database. On the products page, the user can filter through the items by type and price. The contact us page contains a form that will validate and take in responses from the user and send them back to the MongoDB Atlas database. Also on this page, at the bottom there is a testimonials section where it displays the comments that are located from the MongoDB Atlas database. The protected authenticated users page will display the list of users that signed up on the application. This website was made by using React.js, CSS, Bootstrap, node, express, and authenticating with JWTs. This application has automated testing through using mocha and chai. The automated testing is running on a parallel server from the express server of the application.

Getting Started

Clone or download this repo onto your local machine. Once you have done this, install the node packages. You can do this by running npm i on your command line tool.

Running the app

After you have installed all of the dependencies that are needed for this project, you can open the project up through your command line tool. First be in the root of the directory and then run npm run start in your command line tool. This will start the server and the react app at the same time.

Stopping the app

To stop running the server and the react app, you can hit control + z to close both.

Tests

To run the tests for API endpoints run the command npm run test.

Built With

Author

License

This project is licensed under the MIT License - see the LICENSE.md file for details.

kiwisparadise-mongo's People

Contributors

l-yang-05 avatar

Stargazers

 avatar  avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.