https://github.com/vaibhavdixit09/xenonstack-app

https://github.com/vaibhavdixit09/xenonstack-app

Last synced: 4 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/vaibhavdixit09/xenonstack-app
• Owner: vaibhavdixit09
• Created: 2023-12-19T14:24:42.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-12-19T15:08:42.000Z (about 1 year ago)
• Last Synced: 2024-11-09T17:40:34.093Z (2 months ago)
• Language: JavaScript
• Homepage: https://xenonstack-app.vercel.app
• Size: 11 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: ReadMe.md

Awesome Lists containing this project

README

        
# Xenon Stack Assesment

This is a Node js application with frontend as HTML , CSS , JS , Bootstrap(for responsiveness) and backend as express and ejs template engine for dynamic data

**Created in Submission for Round 2 of Xenon Stack**.

---

## Requirements

For development, you will only need Node.js and a node global package, NPM, installed in your environement.

### Node

If the installation was successful, you should be able to run the following command.

    $ node --version

    v14.17.3

    $ npm --version

    6.14.13

## Project Set Up

    $ npm install

## Running the project

    $ node app.js

# Theme

# Functionalities

## Session Based Authentication with Passport js

- using passport js implemented session based authentication in which sessions were store in Mongo Db in collection named as sessions.

- After successfull login user object can be found in **_req.session.passport.user_**

- Thus Showed Name of User in Navbar after Successful login.

- User Registration is implemented to create a new user sucessfully.

## Used Middleware to Ensure All Webpages are locked untill authenticated except Home Page

- Lock Icon is Given to the pages on home page which are locked without login.

## Mongo DB - Atlas is used as a Cloud Database

### 3 Collections are created

- **_Contact form_** --> To store user messages from website

- **_users_** --> To store User Credentials

- **_session_** --> To store/maintain sessions

## Template Engine EJS is used for dynamic rendering

- Used EJS to display the name of user signed In on navbar after sucessfull Login

## Flash Messages for Errors and Warnings While Login/Register.

- Flash messages are implemented to inform user about wrong password, User Already Exist etc.

## Responsive Frontend Using HTML, CSS, JS , Bootstrap

### Home Page

### Services

### Our Work Page

### Team

### Contact Us

## Contact Us form Stores data in Contact-form Collection in Mongo DB.

- Messages, contact number, email , name are store in Databse and user is given a success message on completion.