Welcome to my Addis Software project! This project showcases my skills, projects, and experiences. It's built using modern web development technologies and serves as a dynamic way to present my work to potential employers, clients, and collaborators.

Check out the live demo of the project here.

https://addis-project-frontend.onrender.com/

• Responsive Design: Looks great on desktops, tablets, and mobile devices.
• Interactive UI: Smooth transitions and animations.
• Project Showcase: Detailed view of my projects with links to repositories.
• Blog Section: (Optional) A personal blog to share articles and thoughts.
• Contact Form: Visitors can easily reach out to me.

• Frontend:

  • HTML5
  • CSS3 (SCSS/SASS)
  • JavaScript (ES6+)
  • React.js / Next.js / Vue.js (Choose based on your stack)
  • TypeScript: Ensures type safety and better code quality.
  • Redux Toolkit: Manages state efficiently within the application.
  • Redux-Saga: Handles side effects and API calls seamlessly.
  • Emotion & Styled System: For dynamic and scalable styling.

• Backend:

  • Node.js / Express.js
  • MongoDB: Database to store and manage song data.
  • Mongoose: Object Data Modeling (ODM) to interact with MongoDB.
  • Docker: Containers for backend services.

• Styling:

  • Tailwind CSS / Bootstrap / Styled-Components / Emotion & Styled System

• Animations:

  • GSAP / Framer Motion / AOS

• Deployment:

  • Vercel / Netlify / GitHub Pages / Render (for backend)

As part of the Addis Software test project, I developed a full-stack application using the MERN stack. The project includes both client-side and server-side development, showcasing my ability to create and integrate a full-stack application.

• Backend:

  • Developed a REST API to manage song information (Title, Artist, Album, Genre).
  • Implemented CRUD operations and generated statistics like the total number of songs, artists, albums, genres, and more.
  • Utilized ExpressJS, MongoDB, and Mongoose.
  • Packaged the backend using Docker.

• Frontend:

  • Built a user interface with ReactJS, showcasing a list of songs with the ability to create, update, and delete entries.
  • Implemented a statistics section to display data from the backend.
  • Used TypeScript, Redux Toolkit for state management, and Redux-Saga for API interactions.
  • Styled the application using Emotion and Styled System.
  • Added filtering functionality by genre.

• Bonus:

  • Hosted the application on free platforms and used Render for backend deployment.

• Node.js (v14 or higher)
• npm