Hi, I'm Davide!
I'm a Full Stack Web Developer with a deep passion for programming.
Just as a runner needs to lace up their shoes, hit the track, and push their limits to improve their speed and endurance, I, as a coder, need to open my text editor, sit down at the computer, and challenge myself to write efficient, clean, and error-free code.
About Me
Get to know me!
Hi, I'm Davide and I'm
determined, self-motivated, and enthusiastic about coding and learning.
My Studies
My quest for knowledge led me to pursue a Master's in Full Stack Web Development at Nuclio school in Barcelona.
Project Highlights
Paddle Surf Subscribers Management and Fidelity Card Web App
Overview: The Paddle Surf Subscribers Management and Fidelity Card web application is a robust and responsive solution designed to streamline the management of paddle surf subscriptions and loyalty cards. Built using React for the frontend, Node.js and Express for the backend, and MongoDB for the database, this application offers a seamless and efficient user experience.
Key Features:
- User Creation: The admin module allows the creation of users with essential details, ensuring a comprehensive database of subscribers.
- Hour Subscription Management: Admins can add hour subscriptions, providing flexibility for users based on their preferences.
- Surf Hour Allocation: The web application facilitates the allocation of surf hours corresponding to each subscription.
- Real-time Updates with Websockets: Leveraging the power of websockets, the application ensures instant updates, providing a dynamic and responsive interface.
- Subscription Duration: Subscriptions have a maximum duration of one year. A daily check, powered by Node.js Express, identifies and sets inactive any subscription that has crossed the 365-day mark.
- Excel Database Download: The web application offers a convenient feature allowing admins to download the database in Excel format.
Technology Stack:
Frontend: React.js
Backend: Node.js, Express
Database: MongoDB
Real-time Updates: Websockets
Benefits:
- Efficient management of paddle surf subscriptions.
- Real-time updates ensure a responsive and dynamic user interface.
- Subscription duration checks ensure the system stays up-to-date and in compliance with policies.
- Excel database download feature enhances accessibility and facilitates various administrative tasks.
Use Cases:
Paddle surf rental businesses looking to streamline and automate their subscription management.
Organizations requiring a flexible and responsive web application for managing user subscriptions and loyalty programs.
In Summary: The Paddle Surf Subscribers Management and Fidelity Card web application provide a comprehensive solution for efficiently managing paddle surf subscriptions. With its responsive design, real-time updates, and user-friendly features, it caters to the needs of both administrators and subscribers, ensuring a seamless and enjoyable experience in the world of paddle surfing.
Unveiling My Passion
Today, I immerse myself in daily programming, perpetually enhancing my skills by experimenting with diverse programming languages and tools.
A Never-Ending Journey
I firmly believe that
personal growth should be a never-ending endeavor.My passion for technology fuels my desire to continuously learn, gain experience, and expand my knowledge.
Let's Connect!
I'm always up for a chat about technology, coding, or any exciting opportunities to collaborate. If you share my passion, let's connect and explore the limitless possibilities of the digital world.
My Skills
React
CSS
JavaScript
TypeScript
Next.js
Tailwind CSS
Mongodb
MySql
GitHub
NodeJs
GraphQL
Projects
Paddle Surf Subscribers Management and Fidelity Card Web App
A robust React-based web app for managing paddle surf subscriptions. Admins can efficiently create users, add hour subscriptions, and allocate surf hours. Real-time updates via Websockets enhance user experience. Node.js Express ensures subscription checks, and an Excel download feature provides handy database access. Built with React, Node.js, Express, and MongoDB for a seamless experience. Ideal for paddle surf rental businesses and organizations needing flexible subscription management. Frontend: React.js // Backend: Node.js, Express // Database: MongoDB // Real-time Updates: Websockets // 🏄♂️🌊 #PaddleSurf #WebApp #ReactNode
Warehouse and Production Management Web App
I've developed a web application that efficiently manages warehouse operations and product production using QR codes. The Web-App has been tailored for a Company that produce plastic jar and bottles starting from raw resin. This application, built with Javascript, Node.js, Express, MongoDB, and React, offers real-time tracking and control of every step. It is highly responsive, adapting to both desktop and mobile devices. Key features include user-specific permissions, allowing administrators and supervisors to make necessary adjustments and confirm production stages. Additionally, the app employs location-based login for enhanced security and provides comprehensive dashboards for monitoring progress and data export. Users can track raw materials, preforms, and final products through QR code scanning, along with the ability to manage defects and recycling. The app simplifies production logistics, ensuring seamless operations from start to finish.
ChatGpt Ask/Me/Anything clone
The Chat Application is an interactive web application built using the React framework and Nodejs for the backend. It serves as a user-friendly chat interface that allows users to engage in conversations with a language model (ChatGPT) and explore its capabilities. The application offers the following features: New Chat Creation: Users can start a new chat session with ChatGPT, providing a fresh canvas for conversation. Chat History: The application maintains a history of previous chats, allowing users to revisit and continue their conversations with a variety of topics. Message Retrieval: Users can enter messages, and the application sends these messages to a backend API to retrieve responses generated by ChatGPT. Role-Based Chat Display: Chat messages are displayed with distinct roles (e.g., user and bot) making it easy to distinguish between user and AI-generated content. Navigation: A side bar provides a list of unique chat titles, allowing users to switch between different chat sessions. User Experience: A responsive and user-friendly design ensures that the app is accessible and functional across different devices and screen sizes.
Web Scraping Application for Book Data
A web scraping application that extracts book information from an online bookstore. The app will scrape data such as book titles, prices, images, and ratings, and store this data in a JSON file. Users can trigger the scraping process, compare data, and delete entries from the scraped data. Technologies Used: The backend of the application is built using Node.js, and it handles routing, data processing, and file operations. Express.js: An Express.js server is used to define routes, handle HTTP requests, and serve the frontend. Puppeteer: Puppeteer, a headless browser automation tool, is used for web scraping. It allows the app to navigate the website and extract book data. JSON: Data is stored in a JSON file for easy management and retrieval. The frontend is built using React, providing a user-friendly interface for interacting with the application. CSS is used for styling the application, and Tailwind CSS can help create a visually appealing design.
Crud with Prisma & PlanetScale db
Explore this web application built with Next.js and styled using Tailwind CSS. It's a feature-rich Todo List application powered by a MySQL database hosted on PlanetScale. With this app, you can efficiently manage your tasks, enabling seamless task creation, updates, and completions. Check out the full responsive demo to see it in action.
MySql Crud
This web application, crafted using Next.js and styled with Tailwind CSS, offers a responsive and professional product management solution. Seamlessly integrated with a MySQL database, it provides efficient and effective product discovery, editing, and creation. Explore the full responsive demo...
JobLink
JobLink is the ideal social network to find a job. From JobLink you can create your user and share posts with your followers as well as follow people you are interested in from your sector. In addition, from the app, you can create a company and generate new job offers so that users can apply for them.
Paper Scissor Rock Multiplayer
Rock Paper Scissors is a simple game built using React and Socket.IO that allows two players to compete against each other by choosing between rock, paper, and scissors. The game logic and communication between players is handled by the Socket.IO library, while the React components render the game state and graphics. This project demonstrates proficiency in React, JavaScript, and front-end web development.
Paper Scissor Rock
The game is built using React and includes a selection of sound effects for different actions within the game. The user can choose one of the three options: rock, paper, or scissors. After making a selection, the computer chooses its option, and the game determines the winner based on the selected options. If the user wins, they earn a point, and if the computer wins, the computer earns a point. The game continues until one of the players reaches a set number of points or the user chooses to reset the game. Additionally, the game has a button that allows the user to select a random option, which adds an element of surprise to the game. Finally, the game includes a range of graphics and sound effects to enhance the user experience.