/SchoList

A website created by Sachkeerat Brar for CNLC through FBLA's Coding and Programming event.

Primary LanguageJavaScript

SchoList - A Project for FBLA's Coding and Programming Event (2023-2024)

By Sachkeerat Brar

Chapter: HMBSS FBLA

About

SchoList allows various schools's Career and Technical Education Department to collect and store information about business and community partners. We include information on at over 25 different partners with details such as the type of organization, contact information, and more! SchoList enables users to screate, search, and filter the information as needed.

How To Run

Clone

git clone https://github.com/sachkeeratb/SchoList.git .

Run Frontend

cd client
npm run dev

Run Backend

cd server
npm start

Libraries Used

Library Description
MongoDB (https://www.mongodb.com/) MongoDB is a document database with the scalability and flexibility that you want with the querying and indexing that you need.
ExpressJS (https://graphql.org/) Express is a minimal and flexible Node.js web application framework that provides a robust set of features for web and mobile applications.
React (https://react.dev/) React is the library for web and native user interfaces. Build user interfaces out of individual pieces called components written in JavaScript.
NodeJS (https://nodejs.org/en/guides) Node.js is a cross-platform, open-source JavaScript runtime environment that can run on Windows, Linux, Unix, macOS, and more.
JavaScript JavaScript is the programming language of the web. It is what gives functionality to websites.
Vite (https://vitejs.dev/) Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects.
TailwindCSS (https://tailwindcss.com/) Tailwind CSS is a utility-first CSS framework for rapidly building modern websites without ever leaving your HTML
BCrypt (https://www.npmjs.com/package/bcrypt) A library to help you hash passwords.
DotENV (https://www.npmjs.com/package/dotenv) Dotenv is a zero-dependency module that loads environment variables from a .env file into process.env. Storing configuration in the environment separate from code is based on The Twelve-Factor App methodology.
JWT (https://jwt.io/) JSON Web Token (JWT) is a compact URL-safe means of representing claims to be transferred between two parties.
Axios (https://axios-http.com/) Axios is a simple promise based HTTP client for the browser and node.js. Axios provides a simple to use library in a small package with a very extensible interface.
Framer (https://www.framer.com/motion/) A simple and powerful JavaScript animation library.
moment (https://momentjs.com/docs/) A JavaScript date library for parsing, validating, manipulating, and formatting dates.
MaterialTailwind (https://www.material-tailwind.com/) Material Tailwind is an open-source library that uses the power of Tailwind CSS and React to help you build unique web projects faster and easier. The stunning design inspired by Material Design is a bonus!
ReactIcons (https://react-icons.github.io/react-icons/) Include popular icons in your React projects easily with react-icons, which utilizes ES6 imports that allows you to include only the icons that your project is using.
ReactHotToast (https://react-hot-toast.com/) Add beautiful notifications to your React app with react-hot-toast. Lightweight. Smoking hot by default.
ReactDOM (https://react.dev/reference/react-dom/) The react-dom package contains methods that are only supported for the web applications (which run in the browser DOM environment).
ReactQuery (https://www.npmjs.com/package/react-query) Hooks for fetching, caching and updating asynchronous data in React.
ReactRouterDOM(https://www.npmjs.com/package/react-query) Declarative routing for React web applications.
CookieParser(https://www.npmjs.com/package/cookie-parser) Parse Cookie header and populate req.cookies with an object keyed by the cookie names. Optionally you may enable signed cookie support by passing a secret string, which assigns req.secret so it may be used by other middleware.
Multer(https://www.npmjs.com/package/multer) Multer is a node.js middleware for handling multipart/form-data, which is primarily used for uploading files. It is written on top of busboy for maximum efficiency.
Cors(https://www.npmjs.com/package/cors) CORS is a node.js package for providing a Connect/Express middleware that can be used to enable CORS with various options.