https://github.com/devabdotolba/theday
https://github.com/devabdotolba/theday
aast college computer-science drive
Last synced: 6 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/devabdotolba/theday
- Owner: DevAbdoTolba
- Created: 2023-05-01T01:02:15.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-28T13:39:52.000Z (9 months ago)
- Last Synced: 2024-08-28T14:48:14.438Z (9 months ago)
- Topics: aast, college, computer-science, drive
- Language: TypeScript
- Homepage: https://the-day.vercel.app
- Size: 3.81 MB
- Stars: 18
- Watchers: 1
- Forks: 3
- Open Issues: 29
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
#
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](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
## Getting Started
First, run the development server:
```bash
npm run dev
# or
yarn dev
# or
pnpm dev
```
Open [http://localhost:3000](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](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](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](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) 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](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
## Deploy on Vercel
The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
required dependencies :
```bash
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
```