GDSC USTP Website

This is the official GDSC USTP (Google Developer Student Clubs - University of Science and Technology of Southern Philippines) website. It showcases GDSC events, accomplishments, announcements, and other essential information.

Features

• Dynamic Pages: Showcases important sections like Home, News, Events, and About Us with up-to-date content.
• Responsive Design: Ensures the site works well on a variety of screen sizes, including mobile devices, tablets, and desktops.
• Event Showcase: A dedicated page to highlight upcoming and past GDSC USTP events.
• Announcements Section: Stay updated with the latest news and developments from the GDSC USTP community.
• Team Information: The "About Us" section provides details about the club, its mission, vision, and members.

Pages

• Home: The main landing page, with a summary of the latest news and featured events.
• News: Displays the latest announcements, updates, and other relevant news from GDSC USTP.
• Events: Showcases the upcoming and past events with detailed descriptions.
• About Us: Learn more about GDSC USTP, including the club’s mission, vision, and the team behind it.

Table of Contents

• Installation
• Usage
• CMS Development
• Scripts
• File Structure
• Contributing
• License

Installation

To set up the project locally:

git clone git clone https://github.com/gdscustp/USTP-Website.git
cd USTP-Website
npm install

Usage

Once the dependencies are installed, start the development server:

npm start

This will launch the website locally at http://localhost:3000/. Any changes made to the source code will trigger a live reload of the site.

For production builds, run:

npm run build

This creates a production-ready version of the website in the build folder.

CMS Development

The CMS is currently under development. It will eventually provide the capability to manage dynamic content for pages like News and Events. This README will be updated with more details once the CMS is fully integrated.

Scripts

• npm start: Starts the development server.
• npm run build: Builds the production-ready version of the site.
• npm run test: Runs the test suite (if available).
• npm run eject: Ejects the project from create-react-app (use with caution).

File Structure

src/
│
├── components/        # Reusable UI components (Header, Footer, etc.)
├── pages/             # Page components (Home, News, Events, About Us)
├── assets/            # Static assets like images, fonts, etc.
├── App.js             # Main App component with routing setup
├── index.js           # Entry point of the application
└── config/            # Configuration files (to be used for CMS in the future)

Contributing

Contributions are welcome! If you'd like to suggest changes, feel free to fork the repository and create a pull request:

1. Fork the repository.
2. Create a new feature branch (git checkout -b feature-name).
3. Commit your changes (git commit -m 'Add feature').
4. Push to the branch (git push origin feature-name).
5. Open a pull request on GitHub.

Please refer to the official tracker for additional resources.

License

This project is licensed under the Attribution-NonCommercial 4.0 International License. See the LICENSE file for more details.