Coder Social home page Coder Social logo

Hi there, I'm Osama

A front-end web developer and a computer scientist from Egypt

I have a great passion πŸ˜ƒπŸ’» for learning languages, frameworks and new technologies. In addition to that, I enjoy 😊 designing websites and bringing them to life with various technologies, Software EngineerπŸ‘©β€πŸ’», with a love for React and Redux and Next, and also a Node/Express creative coder and self-proclaimed designer who specializes in front-end development. I make it my mission to translate user-focused designs into pixel-perfect websites or applicationsπŸ€ that run blazing fast. Open to new opportunities.πŸš€πŸ’―


Twitter Badge LinkedIn Badge


About Me πŸš€

  • πŸŽ“ I have a master's degree in Computer Science (networks & distributed systems). Obtained from the University of Constantine2, Algeria.

  • πŸ‘©β€πŸ’» I have a Full-Stack Software Developement certificate, obtained from Microverse.

  • ❀️ Love to work with JS | React | Redux | Next | Node/Express |RoR

  • 🌱 Passionate about building dynamic and responsive web applications

  • πŸ’» All my projects are available here.

  • ✨ Interests: coding, art, video games.

  • 🌎 Collaborating remotely with developers from various locations

Connect with me 🀝

           

Languages and Tools πŸ’Όβš™οΈ

Git GitHub HTML CSS Sass Bootstrap Tailwind JavaScript Jest Postman React Redux Webpack Oracle MySQL Firebase Postgresql Ruby Ruby on Rails

Certificates & Licenses πŸ€

Β  Β  Β  Β  Β  Β  Β  Β  Β 

GitHub Stats

Stats 1 Stats 2
GitHub Streak Anurag's github stats
Stats 3 Stats 4
Your Name's GitHub stats top langs

I love connecting with different people so if you want to say hi, I'll be happy to meet you more! 😊

Osama Ashraf's Projects

awesome-books-es6 icon awesome-books-es6

This project is a single-page application (SPA) about Booklist in which you can add your favorite books and I used the OOP in this website instead of using the procedural coding

blog-app icon blog-app

An intuitive blog app built with Rails and CSS, with authorization managed by Cancancan. Users can create an account, publish posts, and comment on other users' posts. The app also features a search function, allowing users to search for posts by title or content.

bookstore icon bookstore

An online Bookstore app built with React, Redux, CSS, and HTML. Users can browse books by category, add them to a cart, and proceed to checkout. The app features a search function, allowing users to search for books by title or author.

budget-app icon budget-app

A budget management app built with Rails and Devise gem, with a clean and user-friendly interface designed with CSS and HTML. Users can create an account, log in, and manage their expenses and income. The app also features a dashboard displaying users' current budget status, including charts and graphs that show the breakdown of their expenses

calculator icon calculator

I created this calculator app to calculate any operations at numbers I used a built-in function from javascript to do that this function called eval.

capstone-project-javascript icon capstone-project-javascript

This Webapp displays a list of food dishes. The user is able to like any of the meals, and also read more information about each meal once he clicks on the Comment button. Also, the user is able to leave a comment about any meal.

conference__capstone icon conference__capstone

The Summit Conference website built with HTML, CSS, and JavaScript. The website showcases information about the upcoming Summit Conference, including the event schedule, speakers, and registration details. The website features a user-friendly interface and is designed to provide users with a seamless experience when browsing through the website.

convert-txt-to-audio-app icon convert-txt-to-audio-app

A speech App which the user can type any thing and click at the button and the app will read the text for him, I used a built-in API js for making the functionality

dictionary-app icon dictionary-app

I built this dictionary app to define any word and give the user the definition of the word and I added a property to the user to listen to the pronunciation of the word if he wants ,so I used an API to do this part in the application

final-capstone-frontend icon final-capstone-frontend

This is the React front-end Swimming course booking web-application. This applications is responsive and users can load, create, and delete courses and reservations We use React for the front-end. In order to access the application users need to to be authorized as Admins then login.

hotel-booking-app-react icon hotel-booking-app-react

A Hotel Booking App using React combines a visually appealing and intuitive user interface with efficient functionality, providing users with a seamless experience from searching for hotels to making reservations.

landing-page-tailwind-css icon landing-page-tailwind-css

Welcome to the Tailwind CSS Landing Page Templates repository! This project aims to provide a curated collection of sleek, responsive, and customizable landing page templates built with Tailwind CSS. Tailwind CSS is a utility-first CSS framework.

leaderboard icon leaderboard

I developed a leaderboard using HTML, CSS, JavaScript, and APIs. This project aims to create a simple and intuitive interface that allows users to track their scores and compare their rankings with others.

like-notion icon like-notion

This open-source project, built with HTML, CSS, and JavaScript, offers a sleek and customizable user interface inspired by Notion. Its modular structure, responsive design, and customization options make it an ideal productivity tool.

math-magicians icon math-magicians

This a math magicians app built with HTML, CSS, REACT in this app you can make some calculations math like the addition and division..etc, also I used the external API to fetch some quotes for the app using the use effect hook.

metrices-webapp icon metrices-webapp

The Metrices-Webapp is a responsive web app built using HTML, CSS, Redux chartjs-2, and an API. it is a web(mobile-focused) software for monitoring the stock exchange's listed firms and seeing their live metrics. It uses data from the Financial Modeling API , are used to create it.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.