{"id":46715668,"url":"https://github.com/turhansel/songish","last_synced_at":"2026-03-09T10:12:31.396Z","repository":{"id":44597769,"uuid":"368926421","full_name":"turhansel/songish","owner":"turhansel","description":"songish is an application that allows users to add their songs information. built with React.js, Next.js, TailwindCSS, MongoDB","archived":false,"fork":false,"pushed_at":"2023-07-19T09:30:50.000Z","size":5895,"stargazers_count":9,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2023-07-19T10:41:10.263Z","etag":null,"topics":["javacript","mongodb","nextjs","react","tailwindcss"],"latest_commit_sha":null,"homepage":"https://songish.vercel.app/","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/turhansel.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2021-05-19T16:01:47.000Z","updated_at":"2023-03-09T22:12:43.000Z","dependencies_parsed_at":"2022-09-03T03:01:50.100Z","dependency_job_id":null,"html_url":"https://github.com/turhansel/songish","commit_stats":null,"previous_names":[],"tags_count":0,"template":null,"template_full_name":null,"purl":"pkg:github/turhansel/songish","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/turhansel%2Fsongish","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/turhansel%2Fsongish/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/turhansel%2Fsongish/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/turhansel%2Fsongish/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/turhansel","download_url":"https://codeload.github.com/turhansel/songish/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/turhansel%2Fsongish/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30291325,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-09T02:57:19.223Z","status":"ssl_error","status_checked_at":"2026-03-09T02:56:26.373Z","response_time":61,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["javacript","mongodb","nextjs","react","tailwindcss"],"created_at":"2026-03-09T10:12:30.678Z","updated_at":"2026-03-09T10:12:31.312Z","avatar_url":"https://github.com/turhansel.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Songish\n\n[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/turhansel/songish/blob/master/LICENSE)\n\n## I developed a FullStack project to improve myself.\n\n**Songish** is an application that allows users to add their songs information (e.g., title, artist name, difficulty, category, imageurl, songurl, description and date). They can also delete it or edit it anytime. And when you listen to the song on the detail page, the process on the main page appears.\n\n### I used NextJS which is React Framework for SSR\n\n## **_[Songish](https://songish.vercel.app/)_**\n\n![ScreenShot](/public/screenshot.png)\n\n### Tech Stack\n\n- [NextJS](https://nextjs.org/)\n- [TailwindCSS](https://tailwindcss.com/)\n- [MongoDB Atlas](https://www.mongodb.com/cloud/atlas)\n\n# How to use\n\n## Configuration\n\n### Step 1. Get the connection string of your MongoDB server\n\nIn the case of MongoDB Atlas, it should be a string like this:\n\n```\nmongodb+srv://\u003cusername\u003e:\u003cpassword\u003e@my-project-abc123.mongodb.net/test?retryWrites=true\u0026w=majority\n```\n\nFor more details, follow this [MongoDB Guide](https://docs.mongodb.com/guides/server/drivers/) on how to connect to MongoDB.\n\n### Step 2. Set up environment variables\n\nCopy the `.env.local.example` file in this directory to `.env.local` (which will be ignored by Git):\n\n```bash\ncp .env.local.example .env.local\n```\n\nThen set each variable on `.env.local`:\n\n- `MONGODB_URI` should be the MongoDB connection string you got from step 1.\n\n### Step 3. Run Next.js in development mode\n\n```bash\nnpm install\nnpm run dev\n\n# or\n\nyarn install\nyarn dev\n```\n\n- Your app should be up and running on [http://localhost:3000](http://localhost:3000)\n- If you want to see the database in local you can go [http://localhost:3000/api/songs](http://localhost:3000/api/songs)\n- To see database in production [https://song-app-fullstack.vercel.app/api/songs](https://songish.vercel.app/api/songs)\n\n### If you want to see the biography of the artist, you should click the more information button on the detail page. I fetched this data from [https://www.theaudiodb.com/api_guide.php](https://www.theaudiodb.com/api_guide.php)\n\n\u003cbr/\u003e\n\n## Deploy your own\n\nOnce you have access to [the environment variables you'll need](#step-2-set-up-environment-variables), deploy the example using [Vercel](https://vercel.com?utm_source=github\u0026utm_medium=readme\u0026utm_campaign=next-example):\n\n[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/git/external?repository-url=https://github.com/turhansel/songish\u0026project-name=songish\u0026repository-name=songish\u0026env=MONGODB_URI\u0026envDescription=Required%20to%20connect%20the%20app%20with%20MongoDB\u0026envLink=https://github.com/vercel/next.js/tree/canary/examples/songish%23step-2-set-up-environment-variables)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fturhansel%2Fsongish","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fturhansel%2Fsongish","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fturhansel%2Fsongish/lists"}