Giter VIP home page Giter VIP logo

javascript-academy's Introduction

JS Academy

JS Academy is a collaborative project aimed at providing a platform for learning and sharing knowledge about JavaScript. The project utilizes React and Vite for the client-side, with Chakra UI and Material UI for the frontend UI. On the server-side, Node.js, MongoDB, Mongoose, Express, JSON Web Token (JWT), and bcrypt are used. The main functionalities of the web application include user authentication, posting articles, searching articles by tags, rating articles, deleting posts, saving posts, and adding notes.

Team Members

Installation-

To set up the project on your local system, follow the instructions below:

Server Side

Getting Started

  1. Clone the repository.
  2. Navigate to the server-side directory.
  3. Install the required dependencies by running the following command: npm i 4.4. Start the client application by running the following command: npm run start
  4. Create a .env file in the root directory and provide the necessary environment variables.
  5. Start the server by running the following command:

Client Side

Getting Started

  1. Navigate to the client-side directory.
  2. Install the required dependencies by running the following command: npm i
  3. Start the client application by running the following command: npm run dev
  4. Create a .env file in the root directory and provide the necessary environment variables.

Features

  • User authentication: Users can log in to the platform before accessing its features.
  • Posting articles: Users can create and publish their own articles.
  • Search by tags: Users can search for articles based on tags.
  • Rating: Users can rate articles.
  • Deleting posts: Users have the ability to delete their own posts.
  • Saving posts: Users can save articles for later reference.
  • Note-taking: Users can write and save their own notes.
  • URL saving: Users can save the URL of articles for future use.

Purpose

The main purpose of JS Academy is to provide a platform where users can read and learn from other people's posts while also having the ability to save personal notes. The platform aims to facilitate learning and improvement in JavaScript programming skills.

Dependencies

The following dependencies are used in the frontend:

  • React
  • Vite
  • Chakra UI
  • Ant Design
  • Axios

The following dependencies are used in the backend:

  • Node.js
  • MongoDB
  • Mongoose
  • Express
  • JSON Web Token (JWT)
  • bcrypt

1.Landing Page ⤵️

image

2. Team Member ⤵️

image

3. Homepage Page ⤵️

image

4. Users Page ⤵️

image

5. search ⤵️

image

Credits

This project was created by Priyansh Sharma Kamal Bisht.

Feel free to explore and contribute to JS Academy! Happy coding!

javascript-academy's People

Contributors

kml562 avatar priyanshsharma21 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.