Git Product home page Git Product logo

My personal website is in desperate need of a makeover.

The site will be rebuilt afresh and this repository will serve as its codebase. I have decided to make it public to show how I've built it. Pull requests from the public are very welcome!

Mockups

Mockups are done in Figma and can be found here

Requirements

  • Docker Engine
  • Docker Compose

Installation

  • Clone this repository
  • Run ./setup.sh
  • Set the CONTACT_EMAIL_ADDRESS variable in the .env file
  • Browse to http://localhost:8710

Projects

The Projects section of the homepage is dynamically-generated from Project objects. These can be populated through the command-line by browsing to the root directory of the project and running docker-compose exec php bash and then php artisan tinker. The following is an example of how to create a Project object and persist in the database:

App\Project::create([
    'name' => 'Title of Project',
    'description' => 'Description of Project',
    'url' => ['https://www.project-site.com'],
    'image_urls' => ['https://image.com/1.jpg', 'https://image.com/2.jpg],
    'commit_count => 235,
    'tags' => ['gis', 'stripe', 'mapbox'],
]);

For more information on this, please have a look at the Project.php and 2020_02_09_033742_create_projects_table.php files. In the future, my plan is to have project data reside as posts in Wordpress instance and access it via the Wordpress API.

Build scripts

In order to build brotli-compressed versions of the files, use the npm run production script. For development, use npm run watch or npm run dev in order to save time.

Tests

The test suite for this project is located in ./app/tests

I want this site

Do you want to use/extend this site as your own? Go right ahead! Fork or clone this repository. The MIT License allows you to do just that. All I ask in return is that you buy me a coffee.

Buy Me A Coffee

Junel Solis's Projects

bioimage.io icon bioimage.io

Website for the BioImage Model zoo -- a model zoo for bioimage analysis.

deepslides icon deepslides

cialab/DeepSlides fork to make it work with newer Python libraries.

fast4dreg icon fast4dreg

Fast4DReg is a Fiji script for quick drift correction in time-lapse 3D-stacks. The script can be used to correct drift in all x-, y- and/or z-directions.

freeradius-admin icon freeradius-admin

A web interface for FreeRADIUS with a MySQL backend. Fast and painless configuration with Docker.

galeno icon galeno

Simple patient records for any doctor's office.

n2v icon n2v

This is the implementation of Noise2Void training.

splinedist icon splinedist

SplineDist: Automated Cell Segmentation with Spline Curves

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.