⭐ Star us on GitHub — it helps!
A complete revamp of the official website of GeekHaven(IIIT-A), with an aim for a dynamic and unique website that can be used in upcoming sessions too.
.png)
.png)
- Dependencies
- Setup
- Brief Repo Strucutre
- Frontend Frameworks
- Schema
- What Makes It Unique
- Footnotes
You can install it from here: Xampp
Get the code by cloning this repository using git
git clone https://github.com/GeekHaven/GeekHaven-2020/
Once downloaded, open the index.html file in your browser and you're good to go 🎉
-
Copy and Paste all the folders in htdocs of Xampp.
-
For creating database and tables for the first time hit url
http://localhost/GeekHaven-2020/onstart.php. -
There you will get a msg "database created".
-
A username='exUser' and password='exPass' will be created for login.
-
Now head to
http://localhost/GeekHaven-2020/geekhaven/login.phpfor login.
/
|-- complete_list/
|-- announcements/ #listing of all announcements
|-- projects/ #listing of all projects
|
|-- database/ #for storing announcements,projects,members-details etc...
|
|-- hall_of_fame/ #files for hall of Fame section
|
|-- geekhaven/ #for dynamically entering/updating blogs,members-details and other credentials
|
|-- images/ #SVGs and PNGs used in the project
|
|-- wings/ #HTML and CSS files of each wing
|
|-- index.html #HTML of index GeekHaven page
Following CSS and Js frameworks/libraries are included in the project:
| Login Credential | Social Handles | Member/Coordis | Projects | Blogs | Announcement | Wing | Hall of Fame |
|---|---|---|---|---|---|---|---|
| username | Github | wing | wing_id(F) | wing_id(F) | name | name | achievement |
| password | Mail-Id | post | description | description | details | info | project link(opt) |
| Admin Value(0/1) | session | image | image | date | wing_id(P) | member/coordi(F) | |
| cred_id(P) | Instagram(opt) | cred_id(F) | project link | blog link | venue | logo | |
| member_id(F) | Codechef(opt) | member_id(P) | source code link | member_id(F) | organizer | ||
| Codeforces(opt) | roll.no | member_id(F) | blog title | venue | |||
| image | project name | topic | |||||
| Hackerearth(opt) | name | link(opt) | |||||
| Hackerrank(opt) | description | image | |||||
| Twitter(opt) | social handles(F) | made by(F) | |||||
| table_id(P) | HOF | attachment | |||||
| table_id(P) | HOF | time |
P -> Primary Key, F -> Foreign Key
opt -> Optional
The special thing about the 2020 Revamp project is that we're making the website dynamic, so that the data can be updated without hampering the code, simply by the use of some PHP and MySQL.
Projects, Blogs, Announcements and even the PNGs and SVGs can be created/read/updated/deleted anytime.
During each session of GeekHaven it's members and coordis will have the authority to update/delete data dynamically with the help of their login credentials, which will be changed in the next session for its's members, which will help not hampering the code anytime for data manipulation.
Selected people with their achievements will be showcased with their projects/contests results.
A simple yet creative idea, you can toggle between dark and light mode in the website anytime, and your preference will be stored for future.
Keeping in mind the aesthetic look of the website, the theme of website is minimalist, unique and uniform.
Aim of this project is to reduce the work for the upcoming years, so that the same website can be used without changing any piece of code, just simply update the members details dynamically and you're good to go.
- The Hall of Fame is implemented using .csv file parsing thus the data can be updated by changing the HOF.csv file in hall_of_fame directory.
- To store images, save them in the hall_of_fame/assets folder and specify the image name in the csv file, along with the extension.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent