This is a simple social feed project built with React.js, CSS, and HTML as part of my frontend learning journey in 2023.
The main goal was to practice component structure, styling, and basic usage of libraries like date-fns and phosphor-react.
Or access directly: https://ithauront.github.io/social-feed/
- React.js
- Vite (for local development and build)
- CSS
- Date-fns (for date formatting)
- Phosphor Icons (for icons)
# Clone the repository
git clone https://github.com/ithauront/social-feed
# Enter the project directory
cd social-feed
# Install dependencies
npm install
# Start the development server
npm run dev
Display of a static user profile
Hardcoded posts feed
Add comments to posts (rendered on screen)
Styled layout
The "Edit Profile" button is only visual and has no functionality.
The "Like" and "Delete Comment" buttons are not implemented.
Post data is hardcoded and not fetched from an API.
This project was focused on learning component structure and styling with React, without a backend.
While building this project, I practiced:
Creating and composing React components
Using props and state
Styling components with CSS
Formatting relative dates using date-fns
Using icons from phosphor-react