Unofficial BSU Portal using ReactJS

09 November 2019 |ReactJSHTMLCSS

Live Demo: 🍨 Click Here

Project Repository: ✨ Available on Github

🍖 Project Details

An unofficial portal for checking student’s grades using publicly accessible batstate-u.edu.ph endpoints. Uses GraphQL under REST API for the backend and ReactJS + Bulma.io for the frontend

📸 Project Screenshot

Desktop View

Project Screenshot

🌦 Requirements

  • node.js
  • create-react-app
  • graphql
  • apollo-client
  • apollo-server

📂 Project Structure

.
├── LICENSE
├── README.md
├── bsu-portal-graphql-server
│   ├── README.md
│   ├── package-lock.json
│   ├── package.json
│   └── src
│       ├── datasources
│       │   └── BSUAPI.js
│       ├── index.js
│       └── schema.js
└── bsu-portal-react-frontend
    ├── README.md
    ├── package-lock.json
    ├── package.json
    ├── public
    │   ├── favicon.ico
    │   ├── index.html
    │   ├── manifest.json
    │   └── robots.txt
    └── src
        ├── API
        │   └── client.js
        ├── App.css
        ├── App.js
        ├── App.test.js
        ├── Assets
        │   ├── 2.svg
        │   └── rocket.svg
        ├── components
        │   ├── Grades.js
        │   └── Name.js
        ├── index.css
        ├── index.js
        └── serviceWorker.js

🚀 Usage

To launch both the back-end and the front-end:

npm start

To launch the Back-End Server:

cd bsu-portal-graphql-server
npm start

To launch the Front-End Server:

cd bsu-portal-react-frontend
npm start

⚙ Installation

npm run postinstall

👊 Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

🧑 Author

  • Kristian Espina

📄 License

This project is licensed under MIT