{"id":25561237,"url":"https://github.com/laraberenguer/react-context-api","last_synced_at":"2026-04-04T08:45:14.262Z","repository":{"id":270862903,"uuid":"911686583","full_name":"LaraBerenguer/react-context-api","owner":"LaraBerenguer","description":"A Star Wars Wikia built with React + Vite. State management: Context API. User authentication: Firebase. Components: Storybook. Check it live at https://starwars-bootcamp-5omdo.ondigitalocean.app/.","archived":false,"fork":false,"pushed_at":"2025-02-19T12:34:45.000Z","size":4512,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-19T13:34:57.635Z","etag":null,"topics":["authentication","context","firebase","react","storybook","tailwindcss","typescript","vite","vitest"],"latest_commit_sha":null,"homepage":"https://starwars-bootcamp-5omdo.ondigitalocean.app/","language":"TypeScript","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/LaraBerenguer.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":"2025-01-03T15:53:55.000Z","updated_at":"2025-02-19T12:34:48.000Z","dependencies_parsed_at":null,"dependency_job_id":"110ac94e-f10d-4b6c-bce9-90e8654d6c6d","html_url":"https://github.com/LaraBerenguer/react-context-api","commit_stats":null,"previous_names":["laraberenguer/react-context-api"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LaraBerenguer%2Freact-context-api","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LaraBerenguer%2Freact-context-api/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LaraBerenguer%2Freact-context-api/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/LaraBerenguer%2Freact-context-api/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/LaraBerenguer","download_url":"https://codeload.github.com/LaraBerenguer/react-context-api/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239889025,"owners_count":19713702,"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":["authentication","context","firebase","react","storybook","tailwindcss","typescript","vite","vitest"],"created_at":"2025-02-20T18:19:26.525Z","updated_at":"2025-12-30T20:16:39.174Z","avatar_url":"https://github.com/LaraBerenguer.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Context API (Star Wars wikia with API)\n\n## 📄 Description\n\nWelcome! This is a Star Wars Wikia built with React + Vite. The app includes state management using Context API, user authentication with Firebase and components made with Storybook. The page is based on the official Star Wars site. Hope you like it.\n\n## 💻 Technologies Used\n\n- React\n- Vite\n- Typescript\n- Firebase\n- Storybook \n- Tailwind CSS\n- React Router\n- Vitest\n\n## 💡 Functionalities\n\n- [x] Reusable components\n- [x] Context API for state management\n- [x] Pages\n- [x] Client info form\n- [x] Routes and pages\n- [x] User authentication\n- [ ] Placeholder for images not working\n- [ ] Unit testing\n\n## 🔑 Setting up .env configuration\n\nTo run this project, you need to configure environment variables. Follow these steps:\n\n1. Copy the `.env.example` file and rename it to `.env`:\n\n```bash\ncp .env.example .env\n```\n\n2. Open the .env file and replace your_api_key and others with your own API key from Firebase. You can create a free auth project here: [Firebase](https://firebase.google.com/)\n\n```bash\nVITE_API_KEY:your_api_key\nVITE_AUTH_DOMAIN:your_auth_domain_key\n...\n```\n3. After setting up the .env file, you’ll be ready to run the project.\n\n## 📋 Requirements\n\n- Node.js and npm installed on your system. You can download them from [nodejs.org](https://nodejs.org/).\n\n## 🚀 Installation\n\n**✔️ Step 1:** Clone the repository to your local machine (replace `your-username` with your GitHub username):\n\n```bash\ngit clone https://github.com/your-username/react-context-api-example.git\ncd react-context-api-example\n```\n\n**✔️ Step 2:** Install the required dependencies:\n\n```bash\nnpm install\n```\n\n**✔️ Step 3:** Start the development server using Vite:\n\n```bash\nnpm run dev\n```\nOnce the server is running, you'll see a URL similar to:\n\n```bash\n \u003e Local: http://localhost:5173/\n```\n\n**✔️ Step 4:** Run storybook:\n\n```bash\nnpm run storybook\n```\n\n**✔️ Step 5:** For storybook to run properly with TailwindCss, run this:\n\n```bash\nnpm run watch:css\n```\n\n## ℹ️​ Optional step\n\nIf you use Windows, you can run this script to run the project:\n\n```bash\nnpm run start:all\n```\nIt will run vite, storybook and compilation scripts at the same time.\n\n## 🤝 Contributions\nIf you want to contribute or report issues, feel free to create an issue or submit a pull request.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flaraberenguer%2Freact-context-api","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Flaraberenguer%2Freact-context-api","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Flaraberenguer%2Freact-context-api/lists"}