/Find-My-Way

Find My Way is a dynamic web application built using Node.js, a powerful JavaScript runtime, renowned for its efficiency and scalability in building server-side applications. Leveraging the Express.js framework, the website ensures rapid development and robust routing capabilities, enabling seamless navigation and efficient handling of HTTP request

Primary LanguageHTML

find-my-way-high-resolution-logo


Find My Way

Desciption for project (IGNORE)

Welcome to Find My Way, a Node.js web application designed to provide valuable information and resources to enhance the living conditions of disabled individuals. Our goal is to empower and support the disabled community by offering tips, job opportunities, and other relevant information.

Description

Find My Way is a dynamic web application built using Node.js, a powerful JavaScript runtime, renowned for its efficiency and scalability in building server-side applications. Leveraging the Express.js framework, the website ensures rapid development and robust routing capabilities, enabling seamless navigation and efficient handling of HTTP requests.fully responsive to work on both large screen (laptops) and small screen devices ( mobile phones )

In addition to its server-side prowess, Find My Way utilizes HTML, CSS, and JavaScript on the client side to deliver a visually appealing and interactive user experience. The frontend is crafted with a combination of modern web technologies, ensuring compatibility across various devices and browsers. Fully responsive design to work on both large screen (laptops) and small screen devices ( mobile phones )

For data storage and retrieval, Find My Way employs MongoDB, a flexible and scalable NoSQL database, ideal for managing diverse datasets with ease. MongoDB's document-based structure allows for efficient storage and retrieval of information, enabling seamless integration with Node.js applications.

Furthermore, Find My Way incorporates various libraries and packages from the Node.js ecosystem to enhance functionality and streamline development. These may include but are not limited to:

  • Node.js: Version 20.0.0 or higher, providing the runtime environment for server-side JavaScript execution.
  • Express: A minimalist web application framework for Node.js, facilitating the creation of robust and scalable web applications and APIs.
  • EJS: A simple and flexible templating engine for rendering dynamic HTML content on the server side.
  • MongoDB: A NoSQL database solution used for storing and managing structured data, offering flexibility and scalability for web applications.
  • Mongoose: An elegant MongoDB object modeling tool for Node.js, providing a schema-based solution to interact with MongoDB databases.
  • Tailwind CSS: Version 3.4.1, a utility-first CSS framework for creating custom designs and responsive layouts with minimal CSS code.
  • JWT: Using JWT token authentication. Self written JWT controller. Present in

    Find-My-Way / controller / authController.js

Tech stack

  • NodeJs >=20.0.1
  • Tailwind CSS >=3.0.0
  • Ejs
  • Mongoose 8
  • MongoDB
  • JWT
  • webpack

> Demo | Live website : https://findmyway.onrender.com

  > This might take 1 min or so to load , as I have use free server on render.com .

Installation

  1. Make sure you have Node.js installed on your machine.

  2. Clone the repository:

    $ gh repo clone Harsh-nodejs/Find-My-Way
          or
    $ git clone https://github.com/Harsh-nodejs/Find-My-Way.git
    $ cd Find-My-Way
    
  3. Install the node js depedencies from package.json :

    npm install
  4. After the packages are installed , we can run the server on local host. but first we need a config file with your mongoDb instance.

    Change extention of config to config.env and fill the required

  5. After configuring the config file and setting up MongoDB use can use the dummy data in >> ./public/Dev-utils/DB data for testing or Demo/

    .
    └── Find-My-Way/
        ├── public/
        │   └── Dev-util/
        │       └── DB data for testing or Demo/
        │           ├── findmyway.articles.json
        │           ├── findmyway.jobs.json
        │           └── findmyway.users.json
        ├── routes
        ├── utils
        ├── controller
        ├── models
        └── etc.......
    
  6. Now you can run the project using the following commands:

    npm run start

Screenshots

Landing Page

image

Blog page

image image

Jobs Page

image image

User menu

image

Login Page

image

Signup Page

image

Sidebar Nav

image

Error Page

image


Mobile port

image image image image image Error Page image


Author : Void-Monarch

Thank you for taking your time to view my project