Responsive & Interactive page built with vanilla HTML, CSS and JavaScript

- Omri Ruvio

- Practicum

About The Project

---

This is a project built with React, HTML, CSS and JavaScript web page building capabilities according to a designer made Figma specification. The project incorproates technologies allowing for responsive and interactive web page building such as flexbox and grid. The project is build in accordance to BEM methodolody for CSS and HTML elements as well as the entire file structure directory. Object oriented programming and best practices are incorporated. The page is intended to serve as a social images and locations sharing platform with functionalities such as adding, liking etc.

Built With

---

• REACT.JS
• HTML5
• CSS3
• JavaScript
• FIGMA

Roadmap

---

• Add responsive layout
• Add button hover animations
• Add edit profile modal and functionality
• Add like button functionality
• Add "add card" functionality
• Add input validation for user controlled fields
• Add ability to change user profile image & info
• Add ability to add new card
• Add ability to like and delete cards
• Improve responsiveness for resolutions
  • 320px - 550px
  • - > 1280px
• Server side persistence
• Implement dark/light mode compatibility
• Check loading times and add loading spinners where necessary

Contact

---

Omri Ruvio - @OmriRuvio - omriruvio@gmail.com

Project Link: https://omriruvio.github.io/around-react/