RyxnDmello / WebApp-NodeJs-Codexo

Informative & Educational Platform

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Top


♥️ FULL STACK WEB APPLICATION

📂 CODEXO

Codexo is an Informative Web Application dedicated to providing insight into leading technology. The main goal of this web application is to provide information about different types of code editors, popular frameworks and modern languages. The web application will focus mainly on the front-end aspect but will also have a simple registration and feedback page. There will be separate pages dedicated to the different types of code editors, frameworks, and languages, mainly focusing on the front-end aspect.


🛠️ FEATURES

  • ✅ User Authentication System - Mongoose ODM
  • ✅ User Account Encryption - Mongoose ODM
  • ✅ MVC Structured Business Logic - Express.js
  • ✅ Dynamic Rendering (SSR) - Express.js & EJS
  • ✅ Implemented Server Sessions - Express.js
  • ✅ Interactive UI Elements - JavaScript & CSS

📷 MEDIA

1
2

📷 MORE MEDIA

3

4

5

6

7

8

9


🤖 TECHNOLOGY

🚀 FRAMEWORKS & LIBRARIES

🎨 FRONT-END TECHNOLOGIES ⚒️ BACK-END TECHNOLOGIES 🗃️ DATABASE & LIBRARIES
HTML5 NodeJS MongoDB
CSS3 Express.js Mongoose
JavaScript Nodemon
NPM

✒️ PLATFORM & EDITOR

💻 PLATFORM ✏️ EDITOR
Windows 11 Visual Studio Code

📌 DOWNLOAD & RUN

  • Get the Repository

    • Click the green <> Code button.
    • Download the zip folder locally.
    • Unzip the folder to find the project.
    • Or, you can clone the repo instead.
    • Or, you can fork the repo first.
git clone https://github.com/RyxnDmello/WebApp-NodeJs-02.git
  • Install the Environment

    • Install the latest Node.js version.
    • NPM should be installed with Node.
    • Open the project in your preferred IDE.
    • Open the terminal at the project location.
  • Install Dependencies

    • Install all dependencies mentioned below.
    • Install Nodemon globally for development.
    • Nodemon is only required for development.
npm install
npm install nodemon -g
  • Run Local Server

    • First, we must start the node server.
    • We can use node to preview the app.
    • Or, We can use nodemon for development.
    • Finally, enter the URL in the address bar.
node app.js
nodemon app.js
localhost:1000/

💎 YOUR FEEDBACK WOULD BE HIGHLY APPRECIATED

portfolio LinkedIn Discord Twitter Instagram WhatsApp


✌️ THANK YOU, VISIT AGAIN


Bottom

About

Informative & Educational Platform


Languages

Language:CSS 59.5%Language:EJS 27.1%Language:JavaScript 13.4%