Nairobi TTI Website Redesign

Description

🌍 Welcome to the Nairobi TTI Website Redesign project! This project aims to improve the overall structure and layout of the Nairobi TTI college website, making it more visually appealing and user-friendly. I embarked on this endeavor to showcase my skills and create a better online experience for the college community.

Problems Encountered

🔧 The main challenge faced during this project was implementing two navigation menus. The top navigation had to disappear once a user started scrolling, but I wasn't using Bootstrap, which provides an easy solution with the Affix component. However, I managed to find an old jQuery code snippet and successfully converted it to Vanilla JavaScript. This allowed me to integrate the functionality seamlessly into the project.

Features

✨ The redesigned Nairobi TTI website offers the following features:

• 🏢 A clean and modern user interface that enhances the overall user experience.
• 📱 Responsiveness across different devices, ensuring a consistent look and feel.
• 🌐 Streamlined navigation that adapts to the user's behavior, making it intuitive and user-friendly.
• 🌈 Thoughtful color scheme and typography choices for improved readability and visual appeal.
• 📅 Up-to-date news and announcements to keep students, staff, and visitors informed.

Installation

To clone and run this project locally, follow these steps:

🍴 Fork this repository and clone it to your local machine.

💻 Navigate to the project's root directory.

📦 Install the necessary dependencies by running the following command:

npm install

▶️ Once the installation is complete, start the development server using the following command:

npm start

🌐 Open your web browser and visit http://localhost:3000 to view the website locally.

Feel free to explore the codebase, make changes, and contribute to this project. If you encounter any issues or have suggestions for improvement, please don't hesitate to open an issue or submit a pull request.

Technologies Used

🛠️ This project was built using the following technologies:

• HTML5
• CSS3
• JavaScript

Contributing

🤝 Contributions are always welcome! If you would like to contribute to this project, please follow these guidelines:

👯 Fork the repository and clone it to your local machine.

🌿 Create a new branch for your feature or bug fix.

📝 Make your changes and commit them with a descriptive commit message.

📩 Push your changes to the branch on your forked repository.

📤 Submit a pull request, explaining your changes and the problem they solve.