{"id":20204964,"url":"https://github.com/Edyane/ignite-feed","last_synced_at":"2025-05-07T06:31:24.419Z","repository":{"id":267878729,"uuid":"547567637","full_name":"Edyane/ignite-feed","owner":"Edyane","description":"This project was developed to display a list of posts, simulating a social media feed. ","archived":false,"fork":false,"pushed_at":"2024-12-14T23:28:27.000Z","size":3882,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-03T01:19:04.606Z","etag":null,"topics":["ignite-reactjs","javascript","react","typescript"],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Edyane.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-10-07T22:54:21.000Z","updated_at":"2025-02-22T14:11:57.000Z","dependencies_parsed_at":"2024-12-13T01:28:57.122Z","dependency_job_id":"b5a422d2-cc15-48e7-9106-3d576e26b617","html_url":"https://github.com/Edyane/ignite-feed","commit_stats":null,"previous_names":["edyane/ignite-feed"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Edyane%2Fignite-feed","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Edyane%2Fignite-feed/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Edyane%2Fignite-feed/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Edyane%2Fignite-feed/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Edyane","download_url":"https://codeload.github.com/Edyane/ignite-feed/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252826813,"owners_count":21810186,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ignite-reactjs","javascript","react","typescript"],"created_at":"2024-11-14T05:15:59.586Z","updated_at":"2025-05-07T06:31:24.413Z","avatar_url":"https://github.com/Edyane.png","language":"CSS","readme":"# Ignite Feed\n\nWelcome to **Ignite Feed**, a simple and interactive project built with React and JavaScript. This project was developed to display a list of posts, simulating a social media feed, and is a great exercise to enhance your skills with React and JavaScript. Additionally, a TypeScript version of the project is available to help you further understand and apply TypeScript concepts.\n\n## Project Structure\n\nThe project is organized into two main folders:\n\n1. **ignite-feed**:  \n   This folder contains the initial version of the project developed with **React** and **JavaScript**.\n\n2. **ignite-feed-ts**:  \n   This folder contains the same project, but rewritten using **TypeScript**. This version was created to reinforce TypeScript concepts and apply its type-safety features to the project.\n\n## Getting Started\n\n### Prerequisites\n\nBefore you start, make sure you have the following tools installed on your machine:\n\n- **Node.js** (Recommended version: 14.x or higher)\n- **npm** (Node package manager)\n\n### Installation\n\nTo get started, clone the repository to your local machine and navigate into the project folder:\n\n```bash\ngit clone \u003crepository-url\u003e\ncd \u003cproject-folder\u003e\n```\n\nThen, follow these steps for both the ignite-feed and ignite-feed-ts directories.\n\n### Install Dependencies\nNavigate to the desired project folder (e.g., ignite-feed or ignite-feed-ts), and run the following command to install all necessary dependencies:\n\n```bash\nnpm install\n```\n\nRun the Development Server. After the dependencies are installed, run the following command to start the development server:\n\n\n```bash\nnpm start\n```\n\nThis will launch the application in your browser, typically at http://localhost:3000.\n\n\n### Exploring the Folders\nignite-feed:\nIn this folder, you'll find the initial project using JavaScript, showcasing React concepts such as state management, components, and props.\n\nignite-feed-ts:\nThis folder contains the TypeScript version of the project. Here, the JavaScript code is refactored to make use of TypeScript features such as types, interfaces, and more robust type-checking.\n\n### Learning Goals\n- Understand how React components work with both JavaScript and TypeScript.\n- Learn how to apply TypeScript's type-safety features, including type annotations, interfaces, and generics.\n- Compare JavaScript and TypeScript approaches to developing React applications.\n- Technologies Used: \nReact (for building UI components), JavaScript (for the ignite-feed folder), TypeScript (for the ignite-feed-ts folder), CSS modules (for styling the components).\n\n### License\nThis project is open-source and available under the MIT License.\n\n### ⚙️\n![React Badge](https://img.shields.io/badge/React-61DAFB?logo=react\u0026logoColor=000\u0026style=flat-square)\n![JavaScript Badge](https://img.shields.io/badge/JavaScript-F7DF1E?logo=javascript\u0026logoColor=000\u0026style=flat-square)\n![TypeScript Badge](https://img.shields.io/badge/TypeScript-3178C6?logo=typescript\u0026logoColor=fff\u0026style=flat-square)\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FEdyane%2Fignite-feed","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FEdyane%2Fignite-feed","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FEdyane%2Fignite-feed/lists"}