CipherByte Technologies Internship Tasks

This repository contains two projects developed as part of the Web Development Internship at @CipherByte Technologies

TASK 1

Portfolio Website

This is a professional portfolio website built with modern web technologies, designed to showcase my skills, experience, education, and projects in an elegant and interactive way.

🛠️ Tech Stack

Frontend: React.js for building dynamic and responsive user interfaces. Styling: Styled Components, CSS modules, and reusable style files for a consistent design. Contact Functionality: Integrated Email.js to enable seamless contact form submissions without a backend. Dynamic Interactions: JavaScript to ensure smooth animations and a modern user experience.

📁 Directory Structure

The project follows a modular and scalable structure to ensure better maintainability and reusability. Here's an overview of the key directories and files:

2000rithika-Rithika-Portfolio/  
├── package.json         # Project metadata and dependencies  
├── public/  
│   └── index.html       # Main HTML file for React rendering  
├── src/  
│   ├── App.css          # Global styles  
│   ├── App.js           # Main app component  
│   ├── index.js         # Entry point of the React application  
│   ├── components/      # Reusable components for different sections  
│   │   ├── About/       # About section components  
│   │   │   ├── AboutStyle.js  
│   │   │   └── index.js  
│   │   ├── Cards/       # Card components for displaying data  
│   │   │   ├── EducationCard.jsx  
│   │   │   ├── ExperienceCard.jsx  
│   │   │   └── ProjectCards.jsx  
│   │   ├── Contact/     # Contact section with Email.js integration  
│   │   │   └── index.js  
│   │   ├── Education/   # Education section components  
│   │   │   └── index.js  
│   │   ├── Experience/  # Experience section components  
│   │   │   └── index.js  
│   │   ├── Footer/      # Footer section components  
│   │   │   └── index.js  
│   │   ├── HeroBgAnimation/  # Custom animated background  
│   │   │   ├── HeroBgAnimationStyle.js  
│   │   │   └── index.js  
│   │   ├── HeroSection/ # Hero section with introductory details  
│   │   │   ├── HeroStyle.js  
│   │   │   └── index.js  
│   │   ├── Navbar/      # Custom navigation bar with styled components  
│   │   │   ├── NavbarStyledComponent.js  
│   │   │   └── index.js  
│   │   ├── ProjectDetails/  # Detailed project section  
│   │   │   └── index.jsx  
│   │   ├── Projects/    # Projects overview section  
│   │   │   ├── ProjectsStyle.js  
│   │   │   └── index.js  
│   │   └── Skills/      # Skills section components  
│   │       └── index.js  
│   ├── data/  
│   │   └── constants.js # Static data such as project and experience details  
│   ├── images/          # Images used throughout the portfolio  
│   ├── themes/  
│   │   └── default.js   # Default theme configuration  
│   └── utils/  
│       └── Themes.js    # Utility functions for handling themes  

🚀 Features

Responsive Design: Ensures the website looks great on all devices. Dynamic Animations: Hero background animations and interactive UI components. Modular Components: Reusable and maintainable components for efficient updates. Contact Form Integration: Seamless communication using Email.js. Personalized Content: Showcases details about education, skills, experience, and projects.

📷 Screenshots

🌐 Live Demo

Check out the live version of the portfolio here Live Demo

🤝 Contributing

Contributions are welcome! Feel free to submit issues or pull requests to improve the project.

TASK 2

Event Organizing Website

A modern and responsive event organizing platform that allows users to create, manage, and view events seamlessly. Built using HTML, CSS, and JavaScript, this project provides an easy-to-use interface for both event organizers and attendees.

🛠 Tech Stack

Frontend: HTML, CSS, JavaScript Design: Responsive layout with a user-friendly interface Features: Event creation, viewing event details, and managing event data

📁 Directory Structure

Directory structure:
└── Event-Organization-Website/
    ├── README.md
    ├── app.js
    ├── index.html
    ├── styles.css
    └── images/

🚀 Features

Event Creation: Organizers can create events with details like time, venue, and description. Event Listing: A clean, easy-to-navigate event listing for users to browse upcoming events. Responsive Design: The website is fully optimized for mobile, tablet, and desktop views. Interactive Interface: Smooth and interactive elements that enhance user experience. Event Search: Users can search for events by date, category, or location.

📷 Screenshots

Image showing the event homepage interface.

🌐 Live Demo

Check out the live version of the portfolio here Live Demo

🤝 Contributing

Contributions are welcome! Feel free to submit issues or pull requests to improve the project. Here’s how you can contribute: