DevAbdoTolba/theday

TheDay

Made with , by AASTMT aswan CS"2110 students

All content and materials in the journey of a computer science student.

Features

• Displaying all semesters with their courses

  • Every semester has up to 6 courses, all of which are displayed in 2 conditions: on computers and wide screens, the abbreviations of every course are shown. On phones, the whole course name is displayed.

  • Hovering over any item on the PC screen shows you the full name.

  • Choosing any course will prompt the website to ask if this is your assigned semester! If you choose "YES," the next time you enter, you will find that this semester is pinned at the top of the website.

• Search in all courses

  • Searching using advanced matching techniques.

• Every course has its own page

  • Easy UI with modern styling and a more optimized search for all platforms.

  • 

  • The search is different from the main-page search and much more amazingly fast!

  • 

  • 

  • There are 3 sections for every course, which are: Material, Schedule, and Previous Exams.

  • 

  • Every page in the courses has many sections in the Material section. For example, in the computer architecture course, we have sections, whitenning, lectures, online sections, and online lectures. Each section has 4 main items:

    • Title
    • Go-to drive button (which leads to the drive folder from which the data came)
    • Items themselves
    • Horzintal scroll bar

  • Every item has 4 main functionalities:

    • On hover, display the whole name.
    • On click, open the file.
    • Show the thumbnail of the file.
    • The width increases depending on the file's main size in KBs.

How to install

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.js.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

This project uses next/font to automatically optimize and load Inter, a custom Google Font.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

required dependencies :

npm install @emotion/react @emotion/styled @mui/icons-material @mui/material @next/font @vercel/analytics eslint eslint-config-next googleapis next next-pwa react react-dom react-draggable