Skip to content

CSEC ASTU is a platform fostering a tech-savvy community with resources and activities in Competitive Programming, Development, Data Science, Cybersecurity, and Community Outreach. It aims to inspire innovation and develop future tech leaders.

License

Notifications You must be signed in to change notification settings

estif0/CSEC-ASTU-landing-page

Repository files navigation

🌟 CSEC ASTU 🌟

Welcome to the official repository of CSEC ASTU! This project is designed to inspire innovation, shape future tech leaders, and empower a collaborative tech community. Below, you'll find an overview of the project, its structure, and how to get started.

📚 Table of Contents

🌐 Introduction

CSEC ASTU is a platform aimed at fostering a tech-savvy community through various divisions such as Competitive Programming, Development, Data Science, Cybersecurity, and Community Outreach. Our mission is to inspire innovation, shape tomorrow's tech leaders, and empower a collaborative tech community.

✨ Features

  • Responsive Design: Fully responsive design ensuring a seamless experience across all devices.
  • Interactive Animations: Engaging animations and transitions to enhance user experience.
  • Division Cards: Individual cards for each division with detailed information.
  • Typewriter Animation: Typewriter-style text animation for a dynamic landing page.
  • Smooth Scrolling: Smooth scrolling to navigate through the page with ease.

🛠️ Technologies Used

  • React: A JavaScript library for building user interfaces.
  • Tailwind CSS: A utility-first CSS framework for rapid UI development.
  • Framer Motion: A library for animations and gestures.
  • Lucide React: A collection of icons for React.
  • TypeAnimation: A library for typewriter-style text animations.

🚀 Getting Started

To get a local copy up and running, follow these simple steps:

  1. Clone the repository:
    git clone https://github.com/estif0/csec-astu.git
  2. Navigate to the project directory:
    cd csec-astu
  3. Install dependencies:
    npm install
  4. Start the development server:
    npm run dev

🗂️ Project Structure

src/
├── components/
│   ├── Hero/
│   │   └── Hero.jsx
│   ├── Divisions/
│   │   ├── Divisions.jsx
│   │   └── DivisionCard.jsx
│   └── ...
├── App.js
├── main.js
└── ...
  • Hero: Contains the hero section of the landing page.
  • Divisions: Contains the divisions section, including individual division cards.

🤝 Contributing

We welcome contributions from the community. To contribute:

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

📜 License

This project is licensed under the MIT License. See the LICENSE file for details.


Thank you for visiting our repository. We hope you find this project useful and inspiring. If you have any questions or feedback, please feel free to reach out. 😊

About

CSEC ASTU is a platform fostering a tech-savvy community with resources and activities in Competitive Programming, Development, Data Science, Cybersecurity, and Community Outreach. It aims to inspire innovation and develop future tech leaders.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published