https://github.com/karlos-eduardo-mrqs/javascript-projects
A collection of my best front-end projects!
https://github.com/karlos-eduardo-mrqs/javascript-projects
css css- css-bulma css-flexbox css3 html html-css-javascript html-css-js html5 javascript javascript-project
Last synced: about 12 hours ago
JSON representation
A collection of my best front-end projects!
- Host: GitHub
- URL: https://github.com/karlos-eduardo-mrqs/javascript-projects
- Owner: Karlos-Eduardo-Mrqs
- License: mit
- Created: 2025-03-23T21:40:41.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-05-20T12:30:59.000Z (11 months ago)
- Last Synced: 2025-06-07T18:08:20.051Z (11 months ago)
- Topics: css, css-, css-bulma, css-flexbox, css3, html, html-css-javascript, html-css-js, html5, javascript, javascript-project
- Language: HTML
- Homepage: https://karlos-eduardo-mrqs.github.io/Javascript-Projects/
- Size: 14.9 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 🚀 My Front-End Projects
Explore my front-end projects and get in touch for collaborations. This page is related to the Construction-Html-Css-Javascript repository, where all projects from Module 6 in JavaScript will be made available here!
**[Access the page !](https://karlos-eduardo-mrqs.github.io/Javascript-Projects/)**
## 🌐 Avaible Languages
- **[US American Version *](https://github.com/Karlos-Eduardo-Mrqs/Javascript-Projects/blob/main/README.md)**
- **[BR Brasilian Version](https://github.com/Karlos-Eduardo-Mrqs/Javascript-Projects/blob/main/README-BR.md)**
- **[ES Spanish Version](https://github.com/Karlos-Eduardo-Mrqs/Javascript-Projects/blob/main/README-ES.md)**
## 📋 Page Structure
### 1. Header
- **Logo** : "My Projects" on the left side.
- **Navigation Links** : Quick access to the "About", "Projects", and "Contact" sections.
### 2. Projects Section
**Project 1: To-Do List**
A simple application to manage daily tasks with features to add, edit, and delete.
**Project 2: Dynamic Clock**
A digital clock that displays the current time in real-time with smooth animations.
**Project 3: Validation Form**
A form with real-time validation to ensure the entered data is correct.
### 3. Contact Section
📝 **Contact Form**
Get in touch by filling out the form below:
- **Name** : Required field, minimum 3 characters.
- **Email** : Required field, must be a valid email.
- **Message** : Required field, minimum 10 characters.
📩 Upon submitting the form, your message will be sent to **cadumcarlos@gmail.com** .
## 💻 Technologies Used
- 🟧 **HTML5** : Basic page structure.
- 🎨 **CSS3** : Styling and responsive design.
- 📦 **Bulma CSS** : CSS framework for creating modern and responsive layouts.
- 🔣 **Font Awesome** : Custom icons for social networks and actions.
- ⚙️ **JavaScript** : Interactivity, such as form validation and smooth scrolling.
## 🎯 Portfolio Objective
- Demonstrate front-end development skills.
- Share knowledge through open projects on GitHub.
- Facilitate contact for collaborations or feedback.
## 🤝 How to Contribute
If you wish to provide feedback or suggest improvements for this page, feel free to get in touch via the links available in the footer. Additionally, you can explore the repositories on GitHub to contribute to existing projects or propose new ideas.
## 🖥️ Page Structure and Features
### Projects Section
The projects section highlights three main examples of work developed with front-end technologies. Each project is presented in cards containing:
- **Highlight Image** : A graphic visualization of the project.
- **Title and Description** : A descriptive title and a brief explanation of the project's purpose and features.
- **Action Links** :
- 🔗 View Code on GitHub; -🌐View Project;
### Contact Section
The contact section provides a form for visitors to send messages directly to **cadumcarlos@gmail.com**. The form includes validations to ensure the required fields (name, email, and message) are correctly filled out before submission.
## 🎨 Screen Objectives
The screens were developed to provide an intuitive and visually appealing user experience. They are organized clearly and functionally, allowing visitors to explore the projects and get in touch conveniently. Furthermore, the responsive design ensures that the page is accessible on different devices, from desktops to smartphones.
## 📌 Conclusion
This portfolio was created to showcase **Carlos Eduardo**'s skills in front-end development, share his projects, and facilitate contact for future collaborations. Explore the projects, get in touch, and contribute with your suggestions! 🚀