{"id":23153758,"url":"https://github.com/sadaf2005/codefolio","last_synced_at":"2025-04-04T16:42:15.028Z","repository":{"id":267111672,"uuid":"900246391","full_name":"Sadaf2005/CodeFolio","owner":"Sadaf2005","description":"Dynamic animations, transitions, and user interactions for better engagement.","archived":false,"fork":false,"pushed_at":"2024-12-08T12:17:48.000Z","size":213,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-10T02:14:52.762Z","etag":null,"topics":["animation-css","authentication","backend","reactjs","real-time-rendering","reducer","redux","router","seo","seo-optimization"],"latest_commit_sha":null,"homepage":"https://codefolio-d0da1.firebaseapp.com/home/projects","language":"JavaScript","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/Sadaf2005.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":"2024-12-08T09:17:58.000Z","updated_at":"2024-12-08T12:19:52.000Z","dependencies_parsed_at":"2024-12-08T13:27:35.245Z","dependency_job_id":null,"html_url":"https://github.com/Sadaf2005/CodeFolio","commit_stats":null,"previous_names":["sadaf2005/codefolio"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sadaf2005%2FCodeFolio","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sadaf2005%2FCodeFolio/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sadaf2005%2FCodeFolio/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Sadaf2005%2FCodeFolio/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Sadaf2005","download_url":"https://codeload.github.com/Sadaf2005/CodeFolio/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247214622,"owners_count":20902814,"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":["animation-css","authentication","backend","reactjs","real-time-rendering","reducer","redux","router","seo","seo-optimization"],"created_at":"2024-12-17T20:09:52.823Z","updated_at":"2025-04-04T16:42:14.998Z","avatar_url":"https://github.com/Sadaf2005.png","language":"JavaScript","readme":"Sure! Below is the content converted into a `.md` file format:\n\n```markdown\n# Codefolio\n\nReal-time Code Editor for HTML, CSS, and JavaScript\n\nCodefolio is an interactive, user-friendly platform designed for developers and coding enthusiasts. It allows users to sign in and write HTML, CSS, and JavaScript code in real-time with instant output previews. Users can also explore pre-stored projects for inspiration, create and save their own projects, and revisit them anytime.\n\nThe platform includes a powerful search functionality that enables users to find projects by their names, ensuring seamless navigation and discovery. Whether you're practicing your coding skills or building a portfolio of creative projects, Codefolio offers a dynamic space to experiment, learn, and showcase your work.\n\n---\n\n## 🚀 Features\n- ✍️ **Real-time code editor**: Write HTML, CSS, and JS with instant output preview.\n- 📁 **Save and revisit projects**: Create, save, and load your personal coding projects.\n- 🔍 **Project search**: Quickly find projects by their names.\n- 📚 **Explore other projects**: Browse through pre-stored projects for inspiration.\n\n---\n\n## 📋 Prerequisites\nBefore running this project, make sure you have the following installed on your system:\n\n- **Node.js** — Download and install Node.js.\n- **Yarn** — Install Yarn globally using:\n  ```bash\n  npm install --global yarn\n  ```\n\n---\n\n## 📦 Project Setup\nFollow the steps below to set up and run the project locally.\n\n### 1️⃣ Clone the Repository\nRun the following command to clone the repository to your local machine:\n\n```bash\ngit clone https://github.com/your-username/your-repository-name.git\n```\n🔄 Replace `your-username/your-repository-name` with your GitHub repository URL.\n\n### 2️⃣ Navigate to the Project Directory\nMove into the project folder using:\n\n```bash\ncd your-repository-name\n```\n\n### 3️⃣ Install Dependencies\nInstall all required dependencies listed in `package.json` by running:\n\n```bash\nyarn install\n```\n\n💡 **Note**: If you encounter errors, try running the following commands:\n\n```bash\nyarn cache clean\nyarn install\n```\n\n### 4️⃣ Run the Project\nTo start the project, run the following command:\n\n```bash\nyarn start\n```\n🌐 This will start a local development server. View the project in your browser at:  \n[http://localhost:3000](http://localhost:3000)\n\n⚠️ **Note**: If `yarn start` is not defined in `package.json`, you can use the following command instead:\n\n```bash\nyarn global add http-server\nhttp-server .\n```\nThis will serve your project at:  \n[http://localhost:8080](http://localhost:8080)\n\n---\n\n## 📂 Folder Structure\n```text\nproject-root/\n├── index.html      // Main HTML file\n├── css/            // Contains CSS files\n├── js/             // Contains JavaScript files\n├── images/         // Contains image assets\n├── package.json    // Yarn dependencies and scripts\n└── README.md       // Project documentation\n```\n\n---\n\n## 📜 Scripts\nYou can automate common tasks by adding scripts to `package.json`. Example:\n\n```json\n\"scripts\": {\n  \"start\": \"http-server .\",\n  \"build\": \"echo 'Building project...'\",\n  \"test\": \"echo 'Running tests...'\"\n}\n```\n\n### Command Description\n- `yarn start` — Starts the project (http://localhost:8080)\n- `yarn build` — Builds the project for production (optional)\n- `yarn test` — Runs the tests (optional)\n\n**Note**: The scripts section is optional, but it makes it easier to manage build and test commands.\n\n---\n\n## 🛠️ Troubleshooting\nHere are some common issues and how to resolve them:\n\n| Issue | Solution |\n|-------|----------|\n| 🛑 **\"Yarn not recognized as a command\"** | Make sure Yarn is installed globally by running: `yarn -v` |\n| ❌ **Server not running** | Ensure you have `http-server` installed by running: `yarn global add http-server` |\n| ⚠️ **Cache issues** | Run: `yarn cache clean` and `yarn install` |\n| ❗ **Port 8080 already in use** | Close any apps using port 8080 or change the port in `http-server` options. |\n\n---\n\n## 📣 Contributing\nWe welcome contributions from the community! To contribute, follow these steps:\n\n1. Fork the repository.\n2. Create a new branch for your feature:\n   ```bash\n   git checkout -b feature/your-feature-name\n   ```\n3. Commit your changes:\n   ```bash\n   git commit -m 'Add some feature'\n   ```\n4. Push to the branch:\n   ```bash\n   git push origin feature/your-feature-name\n   ```\n5. Submit a pull request.\n\n---\n\n## 📝 License\nThis project is licensed under the MIT License. You are free to use, modify, and distribute this project. See the `LICENSE` file for more details.\n\n---\n\n## ✨ Contact\nIf you have any questions or suggestions, feel free to open an issue or contact:  \n📧 alisadaf434@gmail.com\n```\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsadaf2005%2Fcodefolio","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsadaf2005%2Fcodefolio","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsadaf2005%2Fcodefolio/lists"}