Skip to content

A full-stack application created for Anyware Software.

Notifications You must be signed in to change notification settings

0xOmarAdel/coligo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

77 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Coligo - Full-Stack Application

Coligo is a full-stack application developed as part of the technical task for Anyware Software. It presents student quizzes and announcements data for the current semester, implementing a full-stack solution using React, Redux, TypeScript, Express.js, and MongoDB.

Frontend

Tech Stack

  • React: A JavaScript library for building user interfaces.
  • Redux Toolkit: A set of tools to manage state in React applications.
  • TypeScript: A statically typed superset of JavaScript for building scalable and robust applications.
  • Material-UI: A popular React UI framework for building responsive and aesthetically pleasing designs.
  • i18next: An internationalization framework for handling translations.
  • hookverse: A custom package providing the "useAxios" hook for efficient handling of asynchronous requests.
  • axios: A promise-based HTTP client for making requests to the backend.
  • React Router DOM: A library for handling routing in React applications.

Scripts

  • dev: Run the development server using Vite.
  • build: Build the project for production after transpiling TypeScript.
  • lint: Lint the project using ESLint.
  • preview: Preview the production build locally using Vite.

Getting Started

  1. Install dependencies: npm install
  2. Run the development server: npm run dev
  3. Build for production: npm run build
  4. Lint the code: npm run lint
  5. Preview the production build: npm run preview

Backend

Tech Stack

  • Express.js: A fast and minimalist web framework for Node.js.
  • MongoDB: A NoSQL database for storing data.
  • Mongoose: An ODM library for MongoDB and Node.js.
  • Cors: Middleware for enabling Cross-Origin Resource Sharing.
  • Helmet: Middleware to secure Express applications by setting various HTTP headers.
  • XSS-Clean: Middleware to sanitize user input against cross-site scripting (XSS) attacks.

Scripts

  • start: Start the server using Nodemon for automatic restarts during development.

Getting Started

  1. Install dependencies: npm install
  2. Start the server: npm start