Online: https://brenner8023.github.io/gdut-nav/
GitHub Address: https://github.com/brenner8023/gdut-nav
I read the extensive work in recent years, was generally happy life, but in life there are some trouble there, such as going to school do not know the time of hospital outpatient, want to know the teaching calendar, each time asking students, etc. While these things are trivial little problem, but they bothered me more than once. for this reason, I decided to use the knowledge learned in my college undergraduate to solve these problems.
Way to solve the problem is to design and develop a web page navigation Guangdong University of Technology.
content
Gdut-Nav (navigation work great) aggregates site links lot of school, but also collected a number of convenient and interesting tools / game.
Campus navigation: You can view the calendar work great teaching navigation access, query the university hospital clinic hours, the campus network renewals, etc.
Site collection
Tool collection
Game Collection: a large navigation station also contains a number of interesting and fun online game, if you want to relax in the room but do not know what to do, might open work great navigation, access and experience a game.
technology
The entire project development relatively simple to implement, can be used as a learning portal front-end project development techniques practiced hand
A reference for the design of the main page https://github.com/Ice-Hazymoon/MikuTools interface
To use technology / tools are React / Webpack / iconfont / es6 / css / html
This program can be adapted to the PC and the mobile terminal, the mobile terminal interface effects as follows:
Project directory structure is as follows:
│ App.js
│ index.js
│
├─api
│ db.js
│
├─components
│ Header.jsx
│ Nav.jsx
│ Search.jsx
│
└─static
├─css
│ index.scss
│ reset.scss
│
├─iconfont
│ iconfont.css
│ iconfont.eot
│ iconfont.svg
│ iconfont.ttf
│ iconfont.woff
│ iconfont.woff2