This repository contains all the tasks of CODSOFT's Web development internship.
WEB DEVELOPMENT -TASK LIST : For a Web Development internship, you will need to complete any one (either level 1 or level 2 or level 3) as per your convenience for successful completion of the internship.
LEVEL 1 -
Task 1 - Landing Page :
A landing page is an ideal web development project for beginners. It requires basic knowledge of HTML and CSS. Through this project, you'll learn to create columns, divide sections, arrange items, and add headers and footers. The most important aspect is unleashing your creativity to design an impressive page. Pay attention to alignments, padding, color palette, boxes, and other elements. Be mindful of CSS to avoid overlapping elements. In short, a landing page project allows you to apply HTML and CSS skills, encouraging your creativity while ensuring a visually appealing and user-friendly design.
Task 2 - Portfolio :
Creating a personal portfolio using CSS and HTML is a popular beginner web development project. Header Section: Add your name or a logo at the top. Optionally, include a brief introduction or tagline. About Section: Insert an image of yourself. Write a short bio highlighting your skills and experience. Skills Section: List your key skills or areas of expertise. Projects Section: Showcase samples of your work or projects. Include project titles, descriptions, and images. Resume Section: Provide a link to download your resume in PDF format. Contact Section: Include your contact information, such as email address and phone number. Footer: Add a copyright notice and any additional links or information.
Task 3 - Calculator :
To create a basic calculator using CSS, HTML, and JavaScript, you'll need to implement an interactive interface with buttons for addition, subtraction, multiplication, and division operations. The calculator should have a display screen to show user input and results. Utilize CSS grid system for button alignments. Use event listeners, if-else statements, operators, and loops to handle user input and perform calculations. This project requires some skill but can be done with basic knowledge of these technologies..
Level 2 -
Task 1 - Tribute Page :
With basic knowledge of HTML and CSS, you can create a webpage dedicated to someone you admire. Write about their admirable qualities, add images, and design a visually appealing layout. Experiment with font styles, use paragraphs effectively, and play with background colors. This project allows you to express your admiration in a simple and personalized way.
Task 2 - Job Board :
Build a job board website where employers can post job openings and job seekers can search and apply for jobs. Use React, Node.js, and a database like MongoDB or PostgreSQL Home Page: Welcome message and featured job listings. Job Listings Page: List of job openings with essential details. Job Detail Page: Detailed information about a specific job. Employer Dashboard: Account management and job posting. Candidate Dashboard: Profile management and job applications. Job Application Process: Application form with resume upload. Search Functionality: Search bar for finding specific jobs. Email Notifications: Notifications for successful applications and updates. User Authentication and Security: Secure user login and data protection. Mobile Responsiveness: Website works well on different devices. Host the website at 000webhost, github.io,Netlify, heroku app or any other free hosting provider. Check in code in gitlab. (optional)
Level 3 -
Task 1 - Blogging Platform :
- Design: Create a simple and user interface for blog posts and navigation.
- Backend Development: Develop server-side code to handle user requests and manage blog data. Set up the server-side infrastructure using a programming language like Node.js, Python, or PHP.
- Front-End Development: Build the client-side interface using HTML, CSS, and JavaScript. Focus on creating a user-friendly interface, including features like post listing, search, and user profile pages.
- User Authentication: Implement user registration and login functionality.
- Blog Post Creation: Enable users to create and publish blog posts.
- Commenting System: Allow users to leave comments on blog posts.
- Search Functionality: Implement basic search functionality to help users find specific blog posts.
- Mobile-Friendly Design: Ensure the platform is responsive and optimized for mobile devices. BLOGGING PLATFORM FOR DEMOCLICK HERE 9.Host the website at 000webhost, github.io,Netlify, heroku app or any other free hosting provider. Check in code in gitlab. (optional)
Task 2 - Project Management Tool :
Develop a project management tool that allows users to create projects, assign tasks, set deadlines, and track progress. Use React, Node.js, and a database like MongoDB or PostgreSQL. Project Management Tool: Host the website at 000webhost, github.io,Netlify, heroku app or any other free hosting provider. Check in code in gitlab.
Thank you!